.sdp-col {
    box-sizing: border-box;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1.6%;
    padding-left: 1.6%
}

@media screen and (min-width: 700px) {
    .sdp-col {
        padding-left: .78125%;
        padding-right: .78125%
    }
}

.sdp-col.flush {
    padding-left: 0;
    padding-right: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media screen and (max-width: 509px) {
    [class*=sdp-col-xs-] {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    [class*=sdp-col-xs-flexsize-] {
        width: 100%
    }

    .sdp-col-xs-1 {
        width: 16.66667%
    }

    .sdp-col-xs-flexsize-1 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    .sdp-col-xs-offset-1 {
        margin-left: 16.66667%
    }

    .sdp-col-xs-2 {
        width: 33.33333%
    }

    .sdp-col-xs-flexsize-2 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .sdp-col-xs-offset-2 {
        margin-left: 33.33333%
    }

    .sdp-col-xs-3 {
        width: 50%
    }

    .sdp-col-xs-flexsize-3 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .sdp-col-xs-offset-3 {
        margin-left: 50%
    }

    .sdp-col-xs-4 {
        width: 66.66667%
    }

    .sdp-col-xs-flexsize-4 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .sdp-col-xs-offset-4 {
        margin-left: 66.66667%
    }

    .sdp-col-xs-5 {
        width: 83.33333%
    }

    .sdp-col-xs-flexsize-5 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    .sdp-col-xs-offset-5 {
        margin-left: 83.33333%
    }

    .sdp-col-xs-6 {
        width: 100%
    }

    .sdp-col-xs-flexsize-6 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sdp-col-xs-offset-6 {
        margin-left: 100%
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    [class*=sdp-col-sm-] {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    [class*=sdp-col-sm-flexsize-] {
        width: 100%
    }

    .sdp-col-sm-1 {
        width: 16.66667%
    }

    .sdp-col-sm-flexsize-1 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    .sdp-col-sm-offset-1 {
        margin-left: 16.66667%
    }

    .sdp-col-sm-2 {
        width: 33.33333%
    }

    .sdp-col-sm-flexsize-2 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .sdp-col-sm-offset-2 {
        margin-left: 33.33333%
    }

    .sdp-col-sm-3 {
        width: 50%
    }

    .sdp-col-sm-flexsize-3 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .sdp-col-sm-offset-3 {
        margin-left: 50%
    }

    .sdp-col-sm-4 {
        width: 66.66667%
    }

    .sdp-col-sm-flexsize-4 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .sdp-col-sm-offset-4 {
        margin-left: 66.66667%
    }

    .sdp-col-sm-5 {
        width: 83.33333%
    }

    .sdp-col-sm-flexsize-5 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    .sdp-col-sm-offset-5 {
        margin-left: 83.33333%
    }

    .sdp-col-sm-6 {
        width: 100%
    }

    .sdp-col-sm-flexsize-6 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sdp-col-sm-offset-6 {
        margin-left: 100%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    [class*=sdp-col-md-] {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    [class*=sdp-col-md-flexsize-] {
        width: 100%
    }

    .sdp-col-md-1 {
        width: 8.33333%
    }

    .sdp-col-md-flexsize-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }

    .sdp-col-md-offset-1 {
        margin-left: 8.33333%
    }

    .sdp-col-md-2 {
        width: 16.66667%
    }

    .sdp-col-md-flexsize-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    .sdp-col-md-offset-2 {
        margin-left: 16.66667%
    }

    .sdp-col-md-3 {
        width: 25%
    }

    .sdp-col-md-flexsize-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .sdp-col-md-offset-3 {
        margin-left: 25%
    }

    .sdp-col-md-4 {
        width: 33.33333%
    }

    .sdp-col-md-flexsize-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .sdp-col-md-offset-4 {
        margin-left: 33.33333%
    }

    .sdp-col-md-5 {
        width: 41.66667%
    }

    .sdp-col-md-flexsize-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }

    .sdp-col-md-offset-5 {
        margin-left: 41.66667%
    }

    .sdp-col-md-6 {
        width: 50%
    }

    .sdp-col-md-flexsize-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .sdp-col-md-offset-6 {
        margin-left: 50%
    }

    .sdp-col-md-7 {
        width: 58.33333%
    }

    .sdp-col-md-flexsize-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }

    .sdp-col-md-offset-7 {
        margin-left: 58.33333%
    }

    .sdp-col-md-8 {
        width: 66.66667%
    }

    .sdp-col-md-flexsize-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .sdp-col-md-offset-8 {
        margin-left: 66.66667%
    }

    .sdp-col-md-9 {
        width: 75%
    }

    .sdp-col-md-flexsize-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .sdp-col-md-offset-9 {
        margin-left: 75%
    }

    .sdp-col-md-10 {
        width: 83.33333%
    }

    .sdp-col-md-flexsize-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    .sdp-col-md-offset-10 {
        margin-left: 83.33333%
    }

    .sdp-col-md-11 {
        width: 91.66667%
    }

    .sdp-col-md-flexsize-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }

    .sdp-col-md-offset-11 {
        margin-left: 91.66667%
    }

    .sdp-col-md-12 {
        width: 100%
    }

    .sdp-col-md-flexsize-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sdp-col-md-offset-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 1005px) {
    [class*=sdp-col-lg-] {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    [class*=sdp-col-lg-flexsize-] {
        width: 100%
    }

    .sdp-col-lg-1 {
        width: 8.33333%
    }

    .sdp-col-lg-flexsize-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }

    .sdp-col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .sdp-col-lg-2 {
        width: 16.66667%
    }

    .sdp-col-lg-flexsize-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    .sdp-col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .sdp-col-lg-3 {
        width: 50%;
    }

    .sdp-col-lg-flexsize-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .sdp-col-lg-offset-3 {
        margin-left: 25%
    }

    .sdp-col-lg-4 {
        width: 33.33333%
    }

    .sdp-col-lg-flexsize-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .sdp-col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .sdp-col-lg-5 {
        width: 41.66667%
    }

    .sdp-col-lg-flexsize-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }

    .sdp-col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .sdp-col-lg-6 {
        width: 50%
    }

    .sdp-col-lg-flexsize-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .sdp-col-lg-offset-6 {
        margin-left: 50%
    }

    .sdp-col-lg-7 {
        width: 58.33333%
    }

    .sdp-col-lg-flexsize-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }

    .sdp-col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .sdp-col-lg-8 {
        width: 66.66667%
    }

    .sdp-col-lg-flexsize-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .sdp-col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .sdp-col-lg-9 {
        width: 75%
    }

    .sdp-col-lg-flexsize-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .sdp-col-lg-offset-9 {
        margin-left: 75%
    }

    .sdp-col-lg-10 {
        width: 83.33333%
    }

    .sdp-col-lg-flexsize-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    .sdp-col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .sdp-col-lg-11 {
        width: 91.66667%
    }

    .sdp-col-lg-flexsize-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }

    .sdp-col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .sdp-col-lg-12 {
        width: 100%
    }

    .sdp-col-lg-flexsize-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sdp-col-lg-offset-12 {
        margin-left: 100%
    }
}

.sdp-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.6%;
    margin-left: -1.6%
}

@media screen and (min-width: 700px) {
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup > .scaling-rail.sdp-grid .sdp-row {
        max-width: 500px;
        margin: 0 auto;
    }

    .sdp-row {
        margin-left: -.78125%;
        margin-right: -.78125%;
    }
}

.sdp-row.no-margins {
    margin-left: 0;
    margin-right: 0
}

.sdp-row.align-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sdp-row.align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sdp-row.align-right {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.sdp-row.valign-flex-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sdp-row.valign-flex-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.sdp-row.valign-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sdp-row.valign-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.sdp-row.valign-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.image-container {
    min-width: 1px
}

    .image-container.loading {
        position: relative
    }

        .image-container.loading .image-loader-container {
            display: block
        }

    .image-container.initial-load {
        position: relative;
        padding-bottom: 56.25%;
        background: #e7e7e7
    }

        .image-container.initial-load picture {
            position: absolute;
            top: 0;
            left: 0;
            right: 0
        }

        .image-container.initial-load .image-loader-container {
            display: block
        }

        .image-container.initial-load .lazyload-placeholder {
            padding-bottom: 0
        }

    .image-container .lazyload-placeholder {
        padding-bottom: 56.25%
    }

    .image-container .image-loader-container {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        height: .71429rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2
    }

        .image-container .image-loader-container > div {
            display: inline-block;
            width: .85714rem;
            height: .85714rem;
            border-radius: .85714rem;
            border: .07143rem solid hsla(0, 0%, 100%, .2);
            background-color: #636363;
            -webkit-animation: dotloader ease-in 2s infinite;
            animation: dotloader ease-in 2s infinite
        }

            .image-container .image-loader-container > div + div {
                margin-left: .71429rem;
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

                .image-container .image-loader-container > div + div + div {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

@-webkit-keyframes dotloader {
    0%, 20% {
        opacity: 0
    }

    30%, 70% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }
}

@keyframes dotloader {
    0%, 20% {
        opacity: 0
    }

    30%, 70% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }
}

.responsive-img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    width: 100%
}

    .responsive-img img {
        max-width: 100%
    }

        .responsive-img img.lazy {
            border: 1px solid transparent
        }

    .responsive-img.stretch {
        display: block
    }

        .responsive-img.stretch img {
            max-width: 100%;
            width: 100%
        }

.gcss-theme-light .image-container.initial-load {
    background: #e7e7e7
}

.gcss-theme-dark .image-container.initial-load {
    background: #212121
}

.icon .screen-reader-text {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.gsg-global-nav-toggle {
    opacity: 1;
    display: block;
    float: left;
    height: inherit;
    position: relative;
    transition: opacity .35s ease-in-out;
    color: #000;
    width: 9.76563%;
    z-index: 2
}

.gcss-icon-nav-toggle {
    background-color: #fff;
    display: block;
    height: .14286rem;
    left: 50%;
    margin: -1px 0 0 -12px;
    position: relative;
    top: 50%;
    width: 1.64286rem;
    display: none;
}

    .gcss-icon-nav-toggle:before {
        top: -6px
    }

    .gcss-icon-nav-toggle:after {
        bottom: -6px
    }

    .gcss-icon-nav-toggle:after,
    .gcss-icon-nav-toggle:before {
        background-color: inherit;
        content: "";
        display: block;
        height: .14286rem;
        position: absolute;
        width: 100%
    }

    .gcss-icon-nav-toggle.nav-toggle-icon-active {
        background: transparent
    }

        .gcss-icon-nav-toggle.nav-toggle-icon-active:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .gcss-icon-nav-toggle.nav-toggle-icon-active:after {
            -webkit-transform: translateY(-6px) rotate(-45deg);
            transform: translateY(-6px) rotate(-45deg)
        }

.progress-tracker {
    padding: 3.57143rem .85714rem
}

    .progress-tracker .steps-title {
        text-align: right;
        font-weight: 700;
        text-transform: uppercase
    }

        .progress-tracker .steps-title p {
            width: 100%
        }

@media screen and (max-width: 1004px) {
    .progress-tracker .steps-title p {
        display: none
    }
}

.progress-tracker .steps-container div {
    padding-right: 0;
    padding-left: .35714rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

    .progress-tracker .steps-container div:first-child,
    .progress-tracker .steps-container div:first-child div {
        padding-left: 0
    }

@media screen and (max-width: 699px) {
    .progress-tracker .progress-step {
        width: 25%
    }
}

.progress-tracker .active-step .progress-thin-bar {
    background-color: #700000
}

.progress-tracker .link-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.progress-tracker .progress-step-inner {
    text-decoration: none;
    color: #000
}

    .progress-tracker .progress-step-inner > div {
        text-align: left;
        margin: 0 0 .35714rem;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        text-transform: uppercase;
        padding-right: 0
    }

@media screen and (max-width: 1004px) {
    .progress-tracker .progress-step-inner > div.accessories,
    .progress-tracker .progress-step-inner > div.package-name,
    .progress-tracker .progress-step-inner > div.vehicle-or-profession-name {
        display: none
    }
}

.progress-tracker .progress-step-inner > div p {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 .71429rem;
    line-height: 1.21429rem
}

.progress-tracker .progress-step-inner .progress-thin-bar {
    text-decoration: none;
    color: #000;
    width: 100%;
    height: .71429rem;
    transition: max-width 2s ease-out
}

@media screen and (max-width: 1004px) {
    .progress-tracker .progress-step-inner .step-edit {
        display: none
    }
}

.progress-tracker .progress-step-inner .progress-step-label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    margin: .35714rem 0 0;
    color: #636363;
    letter-spacing: .03571rem;
    text-transform: capitalize
}

@media screen and (max-width: 1004px) {
    .progress-tracker .progress-step-inner .progress-step-label {
        text-align: center
    }
}

@media screen and (max-width: 509px) {
    .progress-tracker .progress-step-inner .progress-step-label {
        margin-left: 0;
        padding-left: 0;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.progress-tracker .progress-step-inner .progress-step-label .edit-icon {
    display: none
}

.progress-tracker .progress-step-inner .progress-step-label.active {
    color: #700000
}

    .progress-tracker .progress-step-inner .progress-step-label.active .edit-icon {
        display: inline-block
    }

.progress-tracker .progress-step-inner .progress-step-label .step-label {
    margin: 0 0 0 .35714rem;
    line-height: 18px
}

@media screen and (max-width: 509px) {
    .progress-tracker .progress-step-inner .progress-step-label .step-label {
        margin: 0;
        font-size: .78571rem
    }
}

.gcss-theme-light .progress-thin-bar {
    background-color: #e7e7e7
}

.gcss-theme-light .active-step .progress-step-label {
    color: #000
}

.gcss-theme-light .no-link .accessories p {
    color: #636363
}

@media screen and (max-width: 1004px) {
    .gcss-theme-light .no-link .progress-thin-bar {
        background-color: #e7e7e7
    }

    .gcss-theme-light .no-link .progress-step-label {
        color: #414141
    }
}

.gcss-theme-dark .progress-thin-bar {
    background-color: #212121
}

.gcss-theme-dark .active-step .progress-step-label,
.gcss-theme-dark .no-link .accessories p {
    color: #fff
}

@media screen and (max-width: 1004px) {
    .gcss-theme-dark .no-link .progress-thin-bar {
        background-color: #212121
    }

    .gcss-theme-dark .no-link .progress-step-label {
        color: #414141
    }
}

.checkbox-container.custom {
    cursor: pointer;
    width: 100%;
    margin-bottom: .28571rem
}

    .checkbox-container.custom label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        cursor: pointer
    }

    .checkbox-container.custom.disabled {
        opacity: .3;
        cursor: auto
    }

        .checkbox-container.custom.disabled label {
            cursor: auto
        }

        .checkbox-container.custom.disabled .checkbox-text:hover:before {
            background-color: transparent
        }

    .checkbox-container.custom .checkbox-text {
        position: relative;
        padding: 1.42857rem;
        padding-right: 3.21429rem
    }

        .checkbox-container.custom .checkbox-text input {
            display: none
        }

        .checkbox-container.custom .checkbox-text:before {
            content: "";
            width: 1.42857rem;
            height: 1.42857rem;
            border-radius: .28571rem;
            border: .14286rem solid #636363;
            position: absolute;
            top: 32%;
            right: 1.42857rem
        }

        .checkbox-container.custom .checkbox-text.selected:before {
            background-color: #700000
        }

        .checkbox-container.custom .checkbox-text.selected:after {
            content: "\E955";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-size: .85714rem;
            top: 41%;
            right: 1.71429rem;
            position: absolute
        }

        .checkbox-container.custom .checkbox-text:hover:before {
            background-color: #636363
        }

    .checkbox-container.custom.gcss-theme-light {
        background-color: #e7e7e7
    }

        .checkbox-container.custom.gcss-theme-light.disabled .checkbox-text:hover:before {
            background-color: transparent
        }

        .checkbox-container.custom.gcss-theme-light .checkbox-text label {
            color: #000
        }

        .checkbox-container.custom.gcss-theme-light .checkbox-text:before {
            border: .14286rem solid #636363
        }

        .checkbox-container.custom.gcss-theme-light .checkbox-text.selected:before {
            background-color: #700000
        }

        .checkbox-container.custom.gcss-theme-light .checkbox-text:hover:before {
            background-color: #636363
        }

    .checkbox-container.custom.gcss-theme-dark {
        background-color: #212121
    }

        .checkbox-container.custom.gcss-theme-dark.disabled .checkbox-text:hover:before {
            background-color: transparent
        }

        .checkbox-container.custom.gcss-theme-dark .checkbox-text label {
            color: #fff
        }

        .checkbox-container.custom.gcss-theme-dark .checkbox-text:before {
            border: .14286rem solid #fff
        }

        .checkbox-container.custom.gcss-theme-dark .checkbox-text.selected:before {
            background-color: #ba3b00
        }

        .checkbox-container.custom.gcss-theme-dark .checkbox-text:hover:before {
            background-color: #fff
        }

.radio-button-container {
    cursor: pointer;
    display: inline-block
}

    .radio-button-container label {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400;
        cursor: pointer
    }

    .radio-button-container.disabled {
        opacity: .3;
        cursor: auto
    }

        .radio-button-container.disabled label {
            cursor: auto
        }

        .radio-button-container.disabled .radio-button-text:hover:before {
            background-color: transparent !important
        }

    .radio-button-container .radio-button-text {
        position: relative
    }

        .radio-button-container .radio-button-text input {
            display: none
        }

        .radio-button-container .radio-button-text:before {
            content: "";
            background-color: #fff;
            width: 1.42857rem;
            height: 1.42857rem;
            border-radius: 50%;
            position: absolute;
            top: -.21429rem;
            left: 0
        }

        .radio-button-container .radio-button-text.selected:after {
            content: "\E955";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-size: .78571rem;
            top: .21429rem;
            left: .35714rem;
            position: absolute
        }

        .radio-button-container .radio-button-text label {
            font-family: Roboto;
            font-size: .85714rem;
            font-weight: 400;
            margin-left: 2.14286rem
        }

    .radio-button-container .radio-button-image-container {
        width: 4.21429rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

        .radio-button-container .radio-button-image-container label {
            margin-top: .71429rem;
            cursor: pointer
        }

        .radio-button-container .radio-button-image-container .radio-button-image {
            position: relative;
            border-radius: .35714rem;
            border: .07143rem solid #bfbfbf;
            box-sizing: border-box;
            background-clip: padding-box;
            overflow: hidden;
            width: 100%
        }

            .radio-button-container .radio-button-image-container .radio-button-image:after {
                content: "";
                background-color: transparent;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .radio-button-container .radio-button-image-container .radio-button-image:hover:after {
                background-color: rgba(0, 0, 0, .3)
            }

            .radio-button-container .radio-button-image-container .radio-button-image.selected {
                border: .14286rem solid #000
            }

    .radio-button-container.flexible .flexible-radio-button-container,
    .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container {
            padding: 1.42857rem 0 1.42857rem 1.42857rem;
            width: 100%
        }

@media screen and (max-width: 509px) {
    .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container {
        padding: 1.07143rem 0 1.07143rem 1.07143rem
    }
}

.radio-button-container.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details {
    text-align: left
}

    .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .vehicle-name {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

    .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .trim-name {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }

    .radio-button-container.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .configurations-details {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .71429rem
    }

.radio-button-container.flexible .flexible-radio-button-container .flexible-content-container .vehicle-picture {
    padding-right: 1.07143rem
}

.ucx22-radio-button .radio-button-container.flexible {
    margin-bottom: 1.07143rem
}

.ucx22-radio-button .radio-button-container {
    margin-bottom: .28571rem
}

.radio-button-container.flexible,
.ucx22-radio-button .radio-button-container {
    width: 100%
}

    .radio-button-container.flexible .radio-button-text,
    .ucx22-radio-button .radio-button-container .radio-button-text {
        padding: 1.42857rem;
        padding-right: 3.21429rem
    }

        .radio-button-container.flexible .radio-button-text label,
        .ucx22-radio-button .radio-button-container .radio-button-text label {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700;
            margin-left: 0
        }

        .radio-button-container.flexible .radio-button-text:before,
        .ucx22-radio-button .radio-button-container .radio-button-text:before {
            content: "";
            width: 1.42857rem;
            height: 1.42857rem;
            border-radius: 50%;
            position: absolute;
            top: 32%;
            left: auto;
            right: 1.42857rem
        }

        .radio-button-container.flexible .radio-button-text.selected:after,
        .ucx22-radio-button .radio-button-container .radio-button-text.selected:after {
            content: ""
        }

.radio-button-container.gcss-theme-light .radio-button-text label {
    color: #636363
}

.radio-button-container.gcss-theme-light .radio-button-text:before {
    border: .07143rem solid #bfbfbf
}

.radio-button-container.gcss-theme-light .radio-button-text.selected label {
    color: #000
}

.radio-button-container.gcss-theme-light .radio-button-text.selected:before {
    background-color: #700000;
    border-color: #700000
}

.radio-button-container.gcss-theme-light .radio-button-text.selected:after {
    color: #fff
}

.radio-button-container.gcss-theme-light .radio-button-text:hover label {
    color: #000
}

.radio-button-container.gcss-theme-light .radio-button-text:hover:before {
    border-color: #fff
}

.radio-button-container.gcss-theme-light.flexible .flexible-radio-button-container {
    border: .07143rem solid #bfbfbf;
    background-color: #fff
}

    .radio-button-container.gcss-theme-light.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .trim-name,
    .radio-button-container.gcss-theme-light.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .vehicle-name {
        color: #000
    }

    .radio-button-container.gcss-theme-light.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .configurations-details {
        color: #636363
    }

.radio-button-container.gcss-theme-light.flexible:hover {
    background-color: #fff;
    border-color: #700000
}

.radio-button-container.gcss-theme-light.flexible .radio-button-text:before {
    border: .14286rem solid #bfbfbf;
    background-color: #fff
}

.radio-button-container.gcss-theme-light.flexible .radio-button-text:hover:before {
    background-color: #700000;
    border-color: #636363
}

@media screen and (max-width: 1004px) {
    .radio-button-container.gcss-theme-light.flexible .radio-button-text {
        pointer-events: none !important
    }
}

.radio-button-container.gcss-theme-light.flexible.selected:before {
    background-color: #700000;
    border-color: #bfbfbf
}

.radio-button-container.gcss-theme-light.flexible .flexible-radio-button-container.selected-container {
    background-color: #fff;
    border: .07143rem solid #700000
}

.radio-button-container.gcss-theme-light.flexible.disabled .flexible-radio-button-container {
    border-color: #e7e7e7;
    background-color: #e7e7e7
}

.radio-button-container.gcss-theme-light.flexible.disabled .radio-button-text {
    background-color: #e7e7e7;
    border-color: #bfbfbf
}

.ucx22-radio-button .radio-button-container.gcss-theme-light {
    background-color: #e7e7e7
}

    .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text label {
        color: #000
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:before {
        border: .14286rem solid #636363
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text.selected:before {
        background-color: #700000;
        border-color: #636363
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:hover label {
        color: #000
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:hover:before {
        background-color: #636363
    }

.radio-button-container.gcss-theme-dark .radio-button-text label {
    color: #fff
}

.radio-button-container.gcss-theme-dark .radio-button-text:before {
    border: .07143rem solid #bfbfbf
}

.radio-button-container.gcss-theme-dark .radio-button-text.selected label {
    color: #fff
}

.radio-button-container.gcss-theme-dark .radio-button-text.selected:before {
    background-color: #ba3b00;
    border-color: #ba3b00
}

.radio-button-container.gcss-theme-dark .radio-button-text.selected:after {
    color: #000
}

.radio-button-container.gcss-theme-dark .radio-button-text:hover label {
    color: #fff
}

.radio-button-container.gcss-theme-dark .radio-button-text:hover:before {
    border-color: #000
}

.radio-button-container.gcss-theme-dark.flexible .flexible-radio-button-container {
    border: .07143rem solid #bfbfbf;
    background-color: #000
}

    .radio-button-container.gcss-theme-dark.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .configurations-details,
    .radio-button-container.gcss-theme-dark.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .trim-name,
    .radio-button-container.gcss-theme-dark.flexible .flexible-radio-button-container .flexible-content-container .vehicle-details .vehicle-name {
        color: #fff
    }

.radio-button-container.gcss-theme-dark.flexible:hover {
    background-color: #000;
    border-color: #ba3b00
}

.radio-button-container.gcss-theme-dark.flexible .radio-button-text:before {
    border: .14286rem solid #bfbfbf;
    background-color: #000
}

.radio-button-container.gcss-theme-dark.flexible .radio-button-text:hover:before {
    background-color: #ba3b00;
    border-color: #fff
}

@media screen and (max-width: 1004px) {
    .radio-button-container.gcss-theme-dark.flexible .radio-button-text {
        pointer-events: none !important
    }
}

.radio-button-container.gcss-theme-dark.flexible.selected:before {
    background-color: #ba3b00;
    border-color: #bfbfbf
}

.radio-button-container.gcss-theme-dark.flexible .flexible-radio-button-container.selected-container {
    background-color: #000;
    border: .07143rem solid #ba3b00
}

.radio-button-container.gcss-theme-dark.flexible.disabled .flexible-radio-button-container {
    border-color: #212121;
    background-color: #212121
}

.radio-button-container.gcss-theme-dark.flexible.disabled .radio-button-text {
    background-color: #212121;
    border-color: #bfbfbf
}

.ucx22-radio-button .radio-button-container.gcss-theme-dark {
    background-color: #212121
}

    .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text label {
        color: #fff
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:before {
        border: .14286rem solid #fff
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text.selected:before {
        background-color: #ba3b00;
        border-color: #fff
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:hover label {
        color: #fff
    }

    .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:hover:before {
        background-color: #fff
    }

.sdp-grid {
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 4.7%;
    padding-left: 4.7%
}

@media screen and (min-width: 700px) {
    .sdp-grid {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }
}

.sdp-grid.no-padding {
    padding-left: 0;
    padding-right: 0
}

.sdp-grid.fluid {
    max-width: 100%
}

@media screen and (max-width: 1004px) {
    .disclosure-item {
        padding-bottom: 1.42857rem
    }
}

.disclosure-item table {
    border: .07143rem solid;
    margin-top: .71429rem;
    width: 100%
}

.disclosure-item td {
    border: .07143rem solid;
    padding: .14286rem
}

.disclosure-item .copy {
    color: #bfbfbf
}

.disclosure-item .id {
    margin-right: 1.07143rem
}

.ucx-close-button {
    background: transparent;
    cursor: pointer;
    font-size: 0;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out
}

    .ucx-close-button:after {
        font-size: 1.07143rem;
        font-weight: 400;
        transition: color .25s ease-in-out;
        content: "\E942";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }

    .ucx-close-button:not([data-nolabel]) {
        border-radius: 1.07143rem;
        border-style: solid;
        border-width: .07143rem;
        padding: .71429rem 2.14286rem .71429rem .85714rem;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

        .ucx-close-button:not([data-nolabel]):after {
            line-height: 0;
            position: absolute;
            right: .71429rem;
            top: 50%
        }

    .ucx-close-button.gcss-theme-light {
        color: #000
    }

        .ucx-close-button.gcss-theme-light:after {
            color: #636363
        }

        .ucx-close-button.gcss-theme-light:not([data-nolabel]) {
            background-color: #fff;
            border-color: #bfbfbf
        }

            .ucx-close-button.gcss-theme-light:not([data-nolabel]):hover {
                background-color: #d1d1d1
            }

            .ucx-close-button.gcss-theme-light:not([data-nolabel]):active {
                border-color: #000
            }

                .ucx-close-button.gcss-theme-light:not([data-nolabel]):active:after {
                    color: #000
                }

        .ucx-close-button.gcss-theme-light[data-nolabel]:hover:after {
            color: #636363
        }

        .ucx-close-button.gcss-theme-light[data-nolabel]:active:after {
            color: #000
        }

    .ucx-close-button.gcss-theme-dark {
        color: #fff
    }

        .ucx-close-button.gcss-theme-dark:after {
            color: #bfbfbf
        }

        .ucx-close-button.gcss-theme-dark:not([data-nolabel]) {
            background-color: #000;
            border-color: #bfbfbf
        }

            .ucx-close-button.gcss-theme-dark:not([data-nolabel]):hover {
                background-color: #3e3e3e
            }

            .ucx-close-button.gcss-theme-dark:not([data-nolabel]):active {
                border-color: #fff
            }

                .ucx-close-button.gcss-theme-dark:not([data-nolabel]):active:after,
                .ucx-close-button.gcss-theme-dark[data-nolabel]:active:after,
                .ucx-close-button.gcss-theme-dark[data-nolabel]:hover:after {
                    color: #fff
                }

@-webkit-keyframes slideFromBottom {
    0% {
        bottom: -100%;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideFromBottom {
    0% {
        bottom: -100%;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.disclosure-panel-wrapper {
    bottom: 0;
    display: none;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    z-index: 2147483647
}

@media screen and (max-width: 1004px) {
    .disclosure-panel-wrapper {
        top: 0;
        background-color: #000
    }
}

@media screen and (min-width: 1005px) {
    .disclosure-panel-wrapper {
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.disclosure-panel-wrapper.show {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s;
    display: block
}

.disclosure-panel-wrapper .disclosure-panel {
    font-size: 1rem;
    line-height: 1.42857;
    background-color: #000;
    color: #fff;
    padding: 1.78571rem 0;
    position: relative
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .disclosure-panel-wrapper .disclosure-panel {
        padding-top: 5.71429rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .disclosure-panel-wrapper .disclosure-panel {
        padding-top: 3.57143rem
    }
}

@media screen and (max-width: 509px) {
    .disclosure-panel-wrapper .disclosure-panel {
        padding-top: 5rem
    }
}

.disclosure-panel-wrapper .heading {
    font-size: 1.42857rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: .07143rem solid #bfbfbf;
    padding-bottom: 1.42857rem;
    padding-left: 0;
    margin-bottom: 1.78571rem
}

@media screen and (min-width: 1005px) {
    .disclosure-panel-wrapper .heading {
        display: none
    }
}

.disclosure-panel-wrapper .disclosure-item {
    font-size: .85714rem
}

@media screen and (max-width: 1004px) {
    .disclosure-panel-wrapper .disclosure-item > .sdp-col-md-0,
    .disclosure-panel-wrapper .disclosure-item > .sdp-col-sm-0,
    .disclosure-panel-wrapper .disclosure-item > .sdp-col-xs-0 {
        width: 2.78571rem
    }
}

@media screen and (min-width: 1005px) {
    .disclosure-panel-wrapper .disclosure-item .copy {
        color: #fff
    }
}

.disclosure-panel-wrapper .close {
    cursor: pointer;
    position: absolute;
    right: -.14286rem;
    top: 1.07143rem
}

.disclosure-panel-wrapper .ownership-statements {
    min-width: auto;
    margin-top: 1.42857rem;
    padding: 0
}

@media screen and (min-width: 1005px) {
    .disclosure-panel-wrapper .ownership-statements {
        display: none
    }
}

.disclosure-panel-wrapper .ownership-statements p {
    color: #bfbfbf;
    max-width: none;
    font-size: .85714rem;
    font-style: italic
}

.ownership-statements {
    font-size: 1rem;
    line-height: 1.42857;
    padding: 0 1.42857rem
}

@media screen and (min-width: 1005px) {
    .ownership-statements {
        min-width: 71.78571rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .ownership-statements {
        min-width: 50rem
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ownership-statements {
        min-width: 42.85714rem
    }
}

.ownership-statements p {
    padding-bottom: 1.42857rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 42.85714rem
}

.disclosure-bubble-wrapper[data-server-rendered] .bubble .bubble-number {
    display: none
}

.disclosure-bubble-wrapper .bubble {
    font-family: Roboto;
    font-size: .57143rem;
    font-weight: 400;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: .85714rem;
    width: .85714rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border-radius: 50%
}

@media screen and (max-width: 1004px) {
    .disclosure-bubble-wrapper .bubble {
        cursor: default
    }
}

.disclosure-bubble-wrapper .bubble .bubble-number {
    pointer-events: none
}

.msrp-wrapper {
    margin-top: .92857rem;
    margin-bottom: 1.42857rem
}

    .msrp-wrapper > .sdp-row-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .msrp-wrapper > .sdp-row-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .msrp-wrapper > .sdp-row-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .msrp-wrapper > .sdp-row > .sdp-col-left,
    .msrp-wrapper > .sdp-row > .sdp-col-left > * {
        text-align: left
    }

    .msrp-wrapper > .sdp-row > .sdp-col-center,
    .msrp-wrapper > .sdp-row > .sdp-col-center > * {
        text-align: center
    }

    .msrp-wrapper > .sdp-row > .sdp-col-right,
    .msrp-wrapper > .sdp-row > .sdp-col-right > * {
        text-align: right
    }

    .msrp-wrapper .description {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: .14286rem
    }

    .msrp-wrapper .price {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        margin-right: .07143rem
    }

    .msrp-wrapper .price-container {
        position: relative
    }

        .msrp-wrapper .price-container .disclosure-bubble-wrapper {
            top: -.35714rem;
            position: absolute
        }

@media screen and (min-width: 1005px) {
    .msrp-wrapper .price {
        font-family: Roboto;
        font-size: 1.21429rem;
        font-weight: 700
    }
}

.msrp-wrapper .details {
    font-size: .71429rem;
    margin-top: .35714rem
}

@media screen and (max-width: 509px) {
    .msrp-wrapper .details {
        margin-top: 1.14286rem
    }
}

.msrp-wrapper[data-variation=large] .description {
    font-family: Roboto Condensed;
    font-size: .71429rem;
    font-weight: 700
}

@media screen and (min-width: 1005px) {
    .msrp-wrapper[data-variation=large] .description {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.msrp-wrapper[data-variation=large] .price {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500
}

@media screen and (min-width: 1005px) {
    .msrp-wrapper[data-variation=large] .price {
        font-family: Roboto;
        font-size: 2.28571rem;
        font-weight: 500
    }
}

.msrp-wrapper[data-variation=extra-large] .description {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.msrp-wrapper[data-variation=extra-large] .price {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 500
}

.msrp-wrapper[data-variation=extra-large] .price-container {
    margin-right: .28571rem
}

@media screen and (min-width: 1005px) {
    .msrp-wrapper[data-variation=extra-large] .price {
        font-family: Roboto;
        font-size: 2.85714rem;
        font-weight: 700
    }
}

.msrp-wrapper[data-variation=extra-large] .details {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400
}

.msrp-wrapper[data-variation=extra-large] > .sdp-row > .sdp-col.msrp-wrapper__grid__col__price {
    margin-right: .57143rem
}

.msrp-wrapper.gcss-theme-light .description,
.msrp-wrapper.gcss-theme-light .details {
    color: #636363
}

.msrp-wrapper.gcss-theme-light .price {
    color: #000
}

.msrp-wrapper.gcss-theme-dark .description,
.msrp-wrapper.gcss-theme-dark .details {
    color: #bfbfbf
}

.msrp-wrapper.gcss-theme-dark .price {
    color: #fff
}

.ucx-button-dynamic-number {
    display: inline-table
}

    .ucx-button-dynamic-number span {
        display: table-cell
    }

        .ucx-button-dynamic-number span:first-child {
            padding-right: .5rem;
            vertical-align: middle
        }

.ucl-modal {
    bottom: 0;
    overflow: hidden;
    position: fixed;
    z-index: 2147483646
}

.ucl-modal,
.ucl-modal-mask {
    left: 0;
    right: 0;
    top: 0;
    visibility: hidden
}

.ucl-modal-mask {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

    .ucl-modal-mask[data-theme=light] {
        background-color: hsla(0, 0%, 100%, .5)
    }

    .ucl-modal-mask[data-theme=dark] {
        background-color: rgba(0, 0, 0, .5)
    }

    .ucl-modal-mask.modal-mask-center {
        bottom: 0
    }

.ucl-modal-window {
    max-width: 90%;
    min-height: 7.14286rem;
    min-width: 14.28571rem;
    opacity: 0;
    padding-top: 5rem;
    position: relative;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

    .ucl-modal-window,
    .ucl-modal-window.gcss-theme-light {
        background-color: #fff
    }

        .ucl-modal-window.gcss-theme-dark {
            background-color: #000
        }

@media screen and (min-width: 1005px) {
    .ucl-modal-window .display-media-container {
        height: auto
    }
}

.ucl-modal[data-fullscreen] .ucl-modal-window {
    max-width: none;
    overflow: auto
}

@media screen and (max-width: 699px) {
    .ucl-modal[data-fullscreen] .ucl-modal-window {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        width: 100% !important
    }
}

@media screen and (min-width: 1005px) {
    .ucl-modal[data-fullscreen] .ucl-modal-window {
        width: 83.333333%
    }
}

.ucl-modal:not([data-autocenter]) .ucl-modal-mask {
    display: block
}

.ucl-modal:not([data-autocenter]) .ucl-modal-window {
    position: absolute
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .ucl-modal:not([data-autocenter]) .ucl-modal-window {
        left: 8.3333335%;
        right: 8.3333335%
    }
}

.ucl-modal[data-autocenter=x] .ucl-modal-mask {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ucl-modal[data-autocenter=y] .ucl-modal-mask,
.ucl-modal[data-autocenter=z] .ucl-modal-mask {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ucl-modal[data-autocenter=z] .ucl-modal-mask {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ucl-modal[data-open] {
    visibility: visible;
    overflow: auto
}

    .ucl-modal[data-open] .ucl-modal-mask {
        opacity: 1;
        visibility: visible
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .ucl-modal[data-open] .ucl-modal-mask {
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.ucl-modal[data-open] .ucl-modal-window {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.ucl-modal[data-no-padding] .ucl-modal-window {
    padding-top: 0
}

.ucl-modal .ucx-close-button {
    position: absolute;
    right: 1.42857rem;
    top: 1.42857rem;
    z-index: 2147483647
}

.page-header {
    margin: 0
}

@media screen and (max-width: 509px) {
    .page-header {
        padding: 1.07143rem 1.78571rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .page-header {
        padding: 1.78571rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .page-header {
        padding: 2.14286rem .85714rem 2.14286rem 2.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .page-header {
        padding: 2.14286rem 7.5rem
    }
}

@media screen and (max-width: 699px) {
    .page-header .price-wrapper {
        margin-bottom: 2.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .page-header .price-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }
}

.page-header .price-wrapper .msrp-wrapper {
    margin-right: 1.42857rem
}

    .page-header .price-wrapper .msrp-wrapper .price-container span.price {
        margin: 0
    }

@media screen and (max-width: 699px) {
    .page-header .price-wrapper .sdp-col {
        padding: 0
    }
}

.page-header .cta-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .page-header .cta-buttons {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .page-header .cta-buttons {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 5.71429rem
    }
}

@media screen and (min-width: 1005px) {
    .page-header .cta-buttons {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }
}

.page-header .cta-buttons a {
    margin: 0
}

@media screen and (max-width: 699px) {
    .page-header .cta-buttons a:last-child {
        margin-top: 1.07143rem;
        margin-left: 0
    }
}

@media screen and (min-width: 700px) {
    .page-header .cta-buttons a:last-child {
        margin-left: .85714rem
    }
}

@media screen and (min-width: 1005px) {
    .page-header .cta-buttons a:last-child {
        margin-top: .71429rem;
        margin-left: 0
    }
}

.page-header .page-header-titles {
    text-transform: uppercase
}

    .page-header .page-header-titles p.pre-title {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        font-family: Roboto Condensed;
        margin-bottom: .28571rem;
        margin-left: .21429rem
    }

    .page-header .page-header-titles h1 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.85714rem;
        font-weight: 700;
        text-align: left
    }

@media screen and (max-width: 699px) {
    .page-header .page-header-titles h1 {
        font-size: 2.14286rem
    }
}

.page-header .page-header-titles p.sub-title {
    font-size: 1rem;
    line-height: 1.42857;
    margin-left: .21429rem;
    text-transform: none
}

.page-header .price-details .description {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.page-header .price-details .price-container span.price {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 700
}

.page-header.gcss-theme-light {
    background-color: #fff
}

    .page-header.gcss-theme-light .page-header-titles h1,
    .page-header.gcss-theme-light .page-header-titles p.pre-title,
    .page-header.gcss-theme-light .page-header-titles p.sub-title,
    .page-header.gcss-theme-light .price-details .description,
    .page-header.gcss-theme-light .price-details .price-container span.price {
        color: #000
    }

.page-header.gcss-theme-dark {
    background-color: #3e3e3e
}

    .page-header.gcss-theme-dark .page-header-titles h1,
    .page-header.gcss-theme-dark .page-header-titles p.pre-title,
    .page-header.gcss-theme-dark .page-header-titles p.sub-title,
    .page-header.gcss-theme-dark .price-details .description,
    .page-header.gcss-theme-dark .price-details .price-container span.price {
        color: #fff
    }

.page-header.gcss-theme-medium {
    background-color: #d1d1d1
}

    .page-header.gcss-theme-medium .page-header-titles h1,
    .page-header.gcss-theme-medium .page-header-titles p.pre-title,
    .page-header.gcss-theme-medium .price-details .description,
    .page-header.gcss-theme-medium .price-details .price-container span.price {
        color: #000
    }

.sdp-spinner {
    width: 9.64286rem;
    text-align: center;
    margin: 0 auto;
    float: left;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

    .sdp-spinner > a,
    .sdp-spinner > span {
        padding: .71429rem 0;
        float: left
    }

        .sdp-spinner > a.gcss-button.gcss-button-plain,
        .sdp-spinner > span.gcss-button.gcss-button-plain {
            width: 3rem;
            border-radius: 0;
            padding-left: .35714rem;
            padding-right: .35714rem
        }

    .sdp-spinner .btn-text {
        font-size: 0;
        height: .07143rem
    }

    .sdp-spinner .display-section {
        width: 3.57143rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-width: .07143rem;
        border-style: solid;
        padding: .92857rem 0 .85714rem
    }

    .sdp-spinner.gcss-theme-light {
        color: #000
    }

        .sdp-spinner.gcss-theme-light .display-section {
            color: #000;
            background-color: #fff;
            border-color: #bfbfbf
        }

        .sdp-spinner.gcss-theme-light .control-btn {
            color: #000;
            background-color: #340000
        }

            .sdp-spinner.gcss-theme-light .control-btn:hover {
                background-color: #5d0000
            }

    .sdp-spinner.gcss-theme-dark {
        color: #fff
    }

        .sdp-spinner.gcss-theme-dark .display-section {
            color: #000;
            background-color: #fff;
            border-color: #bfbfbf
        }

        .sdp-spinner.gcss-theme-dark .control-btn {
            color: #fff;
            background-color: #892b00
        }

            .sdp-spinner.gcss-theme-dark .control-btn:hover {
                background-color: #ab3600
            }

.accessory-wrapper .mobile-result-count {
    padding-left: 1.07143rem;
    margin: 1.42857rem 0
}

@media screen and (min-width: 1005px) {
    .accessory-wrapper .mobile-result-count {
        display: none
    }
}

.accessory-wrapper .accessory-section-wrapper {
    border-bottom: .07143rem solid #bfbfbf;
    margin-bottom: 2.85714rem
}

    .accessory-wrapper .accessory-section-wrapper.hide {
        display: none
    }

    .accessory-wrapper .accessory-section-wrapper .accessory-category-name {
        text-align: left;
        width: 100%;
        margin-bottom: 2.14286rem;
        padding-left: .35714rem;
        font-weight: 700
    }

@media screen and (max-width: 509px) {
    .accessory-wrapper .accessory-section-wrapper .accessory-category-name {
        text-align: center
    }
}

.accessory-wrapper .accessory-section-wrapper .accessory-container {
    width: 100%;
    padding-bottom: 1.42857rem
}

.accessory-wrapper .accessory-card-wrapper {
    margin-bottom: 1.42857rem
}

    .accessory-wrapper .accessory-card-wrapper .accessory-name {
        margin: .71429rem 0;
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }

    .accessory-wrapper .accessory-card-wrapper .accessory-image,
    .accessory-wrapper .accessory-card-wrapper .accessory-info {
        margin-bottom: .71429rem
    }

    .accessory-wrapper .accessory-card-wrapper .accessory-info {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400
    }

        .accessory-wrapper .accessory-card-wrapper .accessory-info .price-value {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700
        }

.accessory-wrapper .accessories-link-container .gcss-button,
.accessory-wrapper .package-link-container .gcss-button {
    width: 50%;
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 509px) {
    .accessory-wrapper .accessories-link-container .gcss-button,
    .accessory-wrapper .package-link-container .gcss-button {
        font-size: .85714rem
    }
}

@media screen and (min-width: 1005px) {
    .accessory-wrapper .accessories-link-container .gcss-button,
    .accessory-wrapper .package-link-container .gcss-button {
        position: relative;
        margin: 1.42857rem 0;
        width: 100%
    }

        .accessory-wrapper .accessories-link-container .gcss-button.sticky,
        .accessory-wrapper .package-link-container .gcss-button.sticky {
            width: 23%;
            margin: 0;
            position: fixed;
            bottom: 80%;
            left: 76%
        }
}

@media screen and (min-width: 1005px) {
    .accessory-wrapper .package-link-container {
        display: none
    }
}

.accessory-wrapper .package-link-container .gcss-button-secondary {
    padding-right: 2.14286rem;
    text-align: right
}

    .accessory-wrapper .package-link-container .gcss-button-secondary[class*=gcss-icon-]:before {
        opacity: 1;
        font-size: .85714rem
    }

    .accessory-wrapper .package-link-container .gcss-button-secondary:after {
        display: none
    }

@media screen and (max-width: 509px) {
    .accessory-wrapper .package-link-container .gcss-button-secondary {
        padding-right: 1.42857rem
    }
}

@media screen and (max-width: 1004px) {
    .accessory-wrapper .accessories-link-container .gcss-button {
        left: 50%
    }
}

.gcss-theme-light .accessory-card-wrapper .accessory-info,
.gcss-theme-light .accessory-wrapper .mobile-result-count {
    color: #636363
}

.gcss-theme-light .accessory-section-wrapper .accessory-category-name {
    color: #000
}

.gcss-theme-dark .accessory-card-wrapper .accessory-info,
.gcss-theme-dark .accessory-wrapper .mobile-result-count {
    color: #bfbfbf
}

.gcss-theme-dark .accessory-section-wrapper .accessory-category-name {
    color: #fff
}

.media-detail-cta > .gcss-button-tertiary.gcss-button-plain[class*=gcss-icon-] {
    padding: 1.07143rem 1.78571rem 1.07143rem 3.28571rem;
    white-space: nowrap;
    border-radius: 0;
    text-transform: none;
    font-family: Roboto
}

    .media-detail-cta > .gcss-button-tertiary.gcss-button-plain[class*=gcss-icon-]:before {
        left: 1.78571rem
    }

@media screen and (max-width: 509px) {
    .media-detail-cta > .gcss-button-tertiary.gcss-button-plain[class*=gcss-icon-] {
        padding: .71429rem .71429rem .71429rem 2.21429rem
    }

        .media-detail-cta > .gcss-button-tertiary.gcss-button-plain[class*=gcss-icon-]:before {
            left: .71429rem
        }
}

.media-detail-cta > .gcss-button-tertiary.gcss-button-plain[class*=gcss-icon-]:hover {
    text-decoration: none
}

.media-detail-cta.overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .media-detail-cta.overlay .title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        font-size: 2.14286rem;
        font-weight: 400;
        margin-bottom: 1.42857rem;
        text-transform: uppercase;
        text-align: center;
        width: 100%
    }

@media screen and (max-width: 699px) {
    .media-detail-cta.overlay .title {
        font-size: 1.42857rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .media-detail-cta.overlay .title {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }
}

@media screen and (max-width: 1004px) {
    .media-detail-cta.overlay .gcss-button {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }
}

@media screen and (max-width: 509px) {
    .media-detail-cta.overlay .gcss-button {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

@media screen and (max-width: 1004px) {
    .media-detail-cta.overlay {
        background: transparent;
        height: 0;
        width: 0;
        overflow: hidden
    }

        .media-detail-cta.overlay a {
            width: 0;
            height: 0;
            position: absolute;
            right: 0;
            bottom: 0;
            border-style: solid;
            border-width: 0 0 3.57143rem 3.57143rem;
            padding: 0
        }

            .media-detail-cta.overlay a:after {
                font-size: 1rem;
                line-height: 1.42857;
                content: "\E949";
                font-family: GCSS Icons;
                top: 2.5rem;
                right: .57143rem;
                line-height: 0;
                position: absolute;
                display: block !important
            }
}

.media-detail-cta.gcss-theme-light > [class*=gcss-button-][class*=gcss-icon-] {
    background-color: #3e3e3e
}

    .media-detail-cta.gcss-theme-light > [class*=gcss-button-][class*=gcss-icon-]:hover {
        background-color: #212121
    }

    .media-detail-cta.gcss-theme-light > [class*=gcss-button-][class*=gcss-icon-]:active {
        background-color: #000
    }

    .media-detail-cta.gcss-theme-light > [class*=gcss-button-][class*=gcss-icon-]:after,
    .media-detail-cta.gcss-theme-light > [class*=gcss-button-][class*=gcss-icon-]:before {
        color: #ba3b00;
        opacity: 1
    }

.media-detail-cta.gcss-theme-light .title,
.media-detail-cta.gcss-theme-light a {
    color: #fff
}

@media screen and (max-width: 1004px) {
    .media-detail-cta.gcss-theme-light a[class*=gcss-button-] {
        border-color: transparent transparent #700000
    }

        .media-detail-cta.gcss-theme-light a[class*=gcss-button-]:after {
            color: #fff
        }
}

.media-detail-cta.gcss-theme-dark > [class*=gcss-button-][class*=gcss-icon-] {
    background-color: #3e3e3e
}

    .media-detail-cta.gcss-theme-dark > [class*=gcss-button-][class*=gcss-icon-]:hover {
        background-color: #212121
    }

    .media-detail-cta.gcss-theme-dark > [class*=gcss-button-][class*=gcss-icon-]:active {
        background-color: #000
    }

    .media-detail-cta.gcss-theme-dark > [class*=gcss-button-][class*=gcss-icon-]:after,
    .media-detail-cta.gcss-theme-dark > [class*=gcss-button-][class*=gcss-icon-]:before {
        color: #ba3b00;
        opacity: 1
    }

.media-detail-cta.gcss-theme-dark .title,
.media-detail-cta.gcss-theme-dark a {
    color: #fff
}

@media screen and (max-width: 1004px) {
    .media-detail-cta.gcss-theme-dark a[class*=gcss-button-] {
        border-color: transparent transparent #700000
    }

        .media-detail-cta.gcss-theme-dark a[class*=gcss-button-]:after {
            color: #fff
        }
}

.passive-video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .passive-video-container iframe {
        pointer-events: none;
        -ms-touch-action: none;
        touch-action: none
    }

    .passive-video-container .dynamic-height {
        height: 100%;
        width: 100%;
        overflow: hidden
    }

        .passive-video-container .dynamic-height iframe,
        .passive-video-container .dynamic-height video {
            min-width: 100%;
            min-height: 100%;
            max-height: none;
            width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .passive-video-container[data-video-type=external] .player-container > .external-video-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%;
        position: relative;
        padding-bottom: 56.25%;
        height: 0
    }

    .passive-video-container[data-video-type=external] .player-container iframe {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .passive-video-container > .sdp-grid.video-control-bar {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(0, 0, 0, .4);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 2.14286rem;
        min-width: 4.28571rem;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .5s ease-in-out;
        z-index: 9999
    }

        .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col > * {
                margin: 0 .57143rem;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control {
                opacity: .9;
                color: #fff;
                cursor: pointer
            }

                .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control,
                .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control::-ms-backdrop {
                    margin-top: .57143rem
                }

                    .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control:hover {
                        opacity: 1
                    }

                    .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control.toggle-pause,
                    .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control.toggle-pause[data-is-paused] {
                        font-size: .78571rem
                    }

                    .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control.toggle-mute,
                    .passive-video-container > .sdp-grid.video-control-bar > .sdp-row.video-control-bar__row > .video-control-bar__col .video-control-bar__control.toggle-mute[data-is-muted] {
                        font-size: 1rem
                    }

    .passive-video-container:hover > .video-control-bar {
        opacity: 1
    }

    .passive-video-container .passive-video-stills-div {
        height: inherit
    }

    .passive-video-container .stills-list {
        display: block;
        height: inherit
    }

        .passive-video-container .stills-list .stills-item {
            display: none;
            width: 100%;
            height: inherit
        }

            .passive-video-container .stills-list .stills-item.stills-item-active {
                display: block
            }

.gcss-main-content > .image-with-enhancements {
    max-width: 1450px;
    margin: 0 auto
}

.display-media-container {
    position: relative
}

@media screen and (min-width: 700px) {
    .display-media-container {
        height: 100%
    }
}

.display-media-container .responsive-img {
    display: block
}

    .display-media-container .responsive-img img,
    .display-media-container video {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%
    }

.display-media-container .cropMedia {
    background-color: #e7e7e7;
    background-image: inherit;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 1005px) {
    .display-media-container:hover .cta-disclosure-bar .cta-container {
        visibility: visible;
        opacity: 1
    }
}

.display-media-container .cta-disclosure-bar > div {
    width: 100%
}

.display-media-container .cta-disclosure-bar .disclosure-bubble .disclosure-bubble-wrapper {
    display: block
}

.display-media-container .cta-disclosure-bar .disclaimer .disclaimer-container {
    display: block;
    max-width: 40%
}

    .display-media-container .cta-disclosure-bar .disclaimer .disclaimer-container.has-cta {
        max-width: 100%
    }

.display-media-container .cta-disclosure-bar.no-cta-overlay {
    position: absolute;
    bottom: .35714rem;
    left: .35714rem;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .display-media-container .cta-disclosure-bar.no-cta-overlay .cta-container {
        margin-left: auto
    }

.display-media-container .cta-disclosure-bar.has-cta-overlay .cta-container,
.display-media-container .cta-disclosure-bar.has-cta-overlay .disclaimer-container {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    left: 0
}

    .display-media-container .cta-disclosure-bar.has-cta-overlay .cta-container.cta-overlay {
        left: 0;
        top: 0;
        bottom: 0;
        right: 0
    }

@media screen and (max-width: 699px) {
    .display-media-container .cta-disclosure-bar.has-cta-overlay .disclosure-bubble-wrapper {
        position: absolute;
        bottom: .35714rem;
        left: .35714rem;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .display-media-container .cta-disclosure-bar.has-cta-overlay .disclosure-bubble-wrapper .cta-container {
            margin-left: auto
        }
}

.display-media-container .cta-disclosure-bar .disclosure-bubble-wrapper {
    display: none
}

.display-media-container .cta-disclosure-bar.no-cta .disclaimer-container {
    width: 100%
}

.display-media-container .cta-disclosure-bar .cta-container {
    transition: opacity .5s linear
}

@media screen and (min-width: 1005px) {
    .display-media-container .cta-disclosure-bar .cta-container {
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (min-width: 1025px) {
    .display-media-container .cta-disclosure-bar .cta-container.overlay-show {
        visibility: visible;
        opacity: 1
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .display-media-container .cta-disclosure-bar .cta-container a {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1005px) {
    .display-media-container .cta-disclosure-bar .cta-container a {
        margin: 0 0 .71429rem 1.42857rem
    }

        .display-media-container .cta-disclosure-bar .cta-container a:first-of-type {
            margin-left: 0
        }
}

.display-media-container .cta-disclosure-bar .image-disclosure {
    margin: 0 0 .35714rem .35714rem
}

@media screen and (min-width: 1005px) {
    .display-media-container .cta-disclosure-bar .image-disclosure {
        width: 47%
    }
}

@media screen and (min-width: 700px) {
    .display-media-container .cta-disclosure-bar .image-disclosure {
        width: 50%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .display-media-container .cta-disclosure-bar .image-disclosure {
        margin: 0 0 .71429rem .71429rem
    }
}

@media screen and (min-width: 1005px) {
    .display-media-container .cta-disclosure-bar .image-disclosure {
        margin: 0 0 0 1.42857rem
    }
}

.display-media-container .cta-disclosure-bar .disclaimer-container {
    display: none
}

    .display-media-container .cta-disclosure-bar .disclaimer-container .disclaimer-width-full {
        width: 100%
    }

    .display-media-container .cta-disclosure-bar .disclaimer-container .disclaimer-width-half {
        width: 40%
    }

    .display-media-container .cta-disclosure-bar .disclaimer-container .image-disclosure {
        text-align: left;
        text-transform: none;
        width: auto;
        z-index: 5;
        padding: .35714rem;
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }

@media screen and (min-width: 700px) {
    .display-media-container .cta-disclosure-bar .disclaimer-container .image-disclosure {
        margin: .71429rem 1.42857rem
    }
}

@media (min-width: 1780px) {
    .display-media-container .cta-disclosure-bar .disclaimer-container .image-disclosure {
        max-width: 97.14286rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.42857rem;
        padding-right: 1.42857rem
    }
}

.gcss-theme-light .image-disclosure,
.gcss-theme-light.media-detail-cta .gcss-button-tertiary:after {
    color: #000
}

.gcss-theme-dark .image-disclosure,
.gcss-theme-dark.media-detail-cta .gcss-button-tertiary:after {
    color: #fff
}

.comparison-slider-wrapper .comparison-widget {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

    .comparison-slider-wrapper .comparison-widget:hover .comparison-control,
    .comparison-slider-wrapper .comparison-widget:hover .comparison-control:after,
    .comparison-slider-wrapper .comparison-widget:hover .comparison-control:before,
    .comparison-slider-wrapper .comparison-widget:hover .comparison-separator {
        opacity: 1
    }

    .comparison-slider-wrapper .comparison-widget .comparison-item {
        height: 100%;
        width: 100%;
        background: #000
    }

        .comparison-slider-wrapper .comparison-widget .comparison-item.comparison-item--first {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            overflow: hidden
        }

            .comparison-slider-wrapper .comparison-widget .comparison-item.comparison-item--first .image-container .comparison-image,
            .comparison-slider-wrapper .comparison-widget .comparison-item.comparison-item--first .image-container img {
                width: 100%;
                max-width: 100%;
                position: absolute;
                left: 0;
                top: 0
            }

    .comparison-slider-wrapper .comparison-widget .comparison-item__content {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 103.57143rem
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .comparison-slider-wrapper .comparison-widget .comparison-item__content {
        width: 71.71429rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .comparison-slider-wrapper .comparison-widget .comparison-item__content {
        width: 49.92857rem
    }
}

@media screen and (max-width: 509px) {
    .comparison-slider-wrapper .comparison-widget .comparison-item__content {
        width: 36.35714rem
    }
}

.comparison-slider-wrapper .comparison-widget .comparison-item__image {
    display: block;
    max-width: 100%
}

.comparison-slider-wrapper .comparison-widget .comparison-separator {
    width: .57143rem;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10;
    background-color: #3a3a3a;
    cursor: pointer;
    opacity: 1
}

.comparison-slider-wrapper .comparison-widget .comparison-control {
    width: 6.28571rem;
    height: 6.28571rem;
    margin-top: -3.14286rem;
    margin-left: -3.14286rem;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    background-color: #3a3a3a;
    border-radius: 100%;
    border: .28571rem solid #fff
}

    .comparison-slider-wrapper .comparison-widget .comparison-control:after,
    .comparison-slider-wrapper .comparison-widget .comparison-control:before {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 1.78571rem;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        color: #fff;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .comparison-slider-wrapper .comparison-widget .comparison-control:before {
        top: 50%;
        left: .57143rem
    }

    .comparison-slider-wrapper .comparison-widget .comparison-control:after {
        right: .57143rem;
        top: 51%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.comparison-slider-wrapper .comparison-widget .comparison-control__mask {
    width: 3.57143rem;
    height: 2.85714rem;
    position: absolute;
    top: -1.07143rem;
    left: -1.28571rem;
    background-color: #3a3a3a;
    opacity: 0
}

.sdp-parts-table {
    padding: .35714rem .71429rem;
    padding-bottom: 1.78571rem
}

    .sdp-parts-table .hide-col {
        display: none
    }

@media screen and (max-width: 509px) {
    .sdp-parts-table {
        padding-bottom: 3.57143rem
    }
}

.sdp-parts-table .right-text {
    text-align: right
}

.sdp-parts-table .description,
.sdp-parts-table h2 {
    margin-top: .35714rem;
    line-height: 1.42857rem
}

@media screen and (max-width: 509px) {
    .sdp-parts-table h1 {
        margin-top: .35714rem
    }
}

.sdp-parts-table .id-msrp-row {
    padding-top: .71429rem;
    padding-bottom: .71429rem
}

    .sdp-parts-table .id-msrp-row .sdp-col:last-child h2 {
        font-weight: 500
    }

    .sdp-parts-table .id-msrp-row .upfit-disclaimer-container .disclosure-bubble-wrapper {
        top: -.28571rem
    }

.sdp-parts-table .brand-image {
    margin: 0 auto 1.42857rem
}

@media screen and (min-width: 1005px) {
    .sdp-parts-table .brand-image {
        margin-left: 0
    }
}

.sdp-parts-table .button-container {
    margin-top: 1.78571rem
}

@media screen and (max-width: 509px) {
    .sdp-parts-table .button-container {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%
    }
}

@media screen and (max-width: 509px) {
    .sdp-parts-table .button-container .gcss-button {
        padding-left: 1.6%;
        display: block
    }
}

@media screen and (max-width: 509px) {
    .sdp-parts-table .button-container .gcss-button:after {
        right: 1.6%
    }
}

.sdp-parts-table .package-card-modal-parts {
    margin-top: 2.14286rem
}

    .sdp-parts-table .package-card-modal-parts .parts-heading {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: .71429rem
    }

    .sdp-parts-table .package-card-modal-parts .parts-text {
        font-size: 1rem;
        line-height: 1.42857;
        margin-bottom: .71429rem
    }

.details-button-container {
    margin-bottom: .35714rem;
    padding-top: .71429rem;
    padding-bottom: .71429rem
}

    .details-button-container .details-button {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        color: #700000;
        cursor: pointer
    }

.detail-button-container-print {
    display: none
}

.gcss-theme-light .package-card-modal-parts .parts-heading,
.gcss-theme-light .package-card-modal-parts .parts-text {
    color: #000
}

.gcss-theme-dark .package-card-modal-parts .parts-heading,
.gcss-theme-dark .package-card-modal-parts .parts-text {
    color: #fff
}

@media print {
    .detail-button-container {
        display: none
    }

    .detail-button-container-print {
        display: block
    }

        .detail-button-container-print .package-card-modal-parts {
            margin-top: 1.78571rem;
            margin-bottom: .71429rem
        }

            .detail-button-container-print .package-card-modal-parts .parts-text {
                text-align: left;
                border-width: .07143rem .07143rem 0;
                border-style: solid;
                border-color: #bfbfbf;
                padding: .35714rem .14286rem !important
            }

                .detail-button-container-print .package-card-modal-parts .parts-text:last-child {
                    border-width: .07143rem
                }

                .detail-button-container-print .package-card-modal-parts .parts-text .sdp-col:first-child {
                    width: 20%
                }

                .detail-button-container-print .package-card-modal-parts .parts-text .sdp-col:nth-child(2) {
                    width: 70%
                }

                .detail-button-container-print .package-card-modal-parts .parts-text .sdp-col:last-child {
                    width: 10%;
                    text-align: right;
                    color: #636363
                }
}

.package-section-wrapper {
    margin-bottom: 5.71429rem;
    border-bottom: .07143rem solid #bfbfbf
}

    .package-section-wrapper .package-category-wrapper {
        margin-bottom: 1.42857rem
    }

    .package-section-wrapper .package-container {
        padding-bottom: 4.28571rem
    }

        .package-section-wrapper .package-container .package-card-wrapper {
            margin-bottom: 1.42857rem
        }

            .package-section-wrapper .package-container .package-card-wrapper h2 {
                margin: .71429rem 0
            }

                .package-section-wrapper .package-container .package-card-wrapper h2.gcss-typography-label-1 {
                    line-height: 1.21429rem
                }

            .package-section-wrapper .package-container .package-card-wrapper .vehicle-image {
                margin-bottom: .71429rem
            }

            .package-section-wrapper .package-container .package-card-wrapper .vehicle-info {
                font-family: Roboto;
                font-size: 1rem;
                font-weight: 400;
                margin-bottom: .71429rem
            }

                .package-section-wrapper .package-container .package-card-wrapper .vehicle-info .price-value {
                    font-family: Roboto;
                    font-size: 1rem;
                    font-weight: 700
                }

            .package-section-wrapper .package-container .package-card-wrapper .gcss-button.link-button {
                padding-left: .71429rem
            }

@media screen and (max-width: 509px) {
    .package-section-wrapper .package-container .package-card-wrapper .gcss-button.link-button {
        padding-left: 1.6%
    }
}

.package-section-wrapper .package-container .package-card-wrapper .gcss-button.link-button:after {
    right: .71429rem
}

@media screen and (max-width: 509px) {
    .package-section-wrapper .package-container .package-card-wrapper .gcss-button.link-button:after {
        right: 1.6%
    }
}

.upfit-disclaimer-container {
    position: relative;
    margin: 0 .92857rem 0 .71429rem
}

    .upfit-disclaimer-container .disclosure-bubble-wrapper {
        top: -.07143rem;
        left: -.35714rem;
        position: absolute
    }

.gcss-theme-light.package-card-wrapper .vehicle-info {
    color: #636363
}

.gcss-theme-dark.package-card-wrapper .vehicle-info {
    color: #bfbfbf
}

.results-wrapper .mobile-cta {
    margin-bottom: 1.42857rem
}

    .results-wrapper .mobile-cta .gcss-button[class*=gcss-icon-] {
        padding-left: 1.78571rem
    }

        .results-wrapper .mobile-cta .gcss-button[class*=gcss-icon-]:before {
            left: auto;
            right: 1.42857rem;
            opacity: 1
        }

        .results-wrapper .mobile-cta .gcss-button[class*=gcss-icon-]:after {
            display: none
        }

.results-wrapper .mobile-result-count {
    padding-left: 1.07143rem;
    margin: 1.42857rem 0
}

@media screen and (min-width: 1005px) {
    .results-wrapper .mobile-result-count {
        display: none
    }
}

.results-wrapper .package-section-wrapper.hide {
    display: none
}

.results-wrapper .package-section-wrapper .package-category-wrapper {
    padding-left: .35714rem;
    width: 100%
}

    .results-wrapper .package-section-wrapper .package-category-wrapper .view-all-package {
        float: right
    }

@media screen and (max-width: 509px) {
    .results-wrapper .package-section-wrapper .package-category-wrapper .view-all-package {
        float: none
    }
}

.results-wrapper .package-section-wrapper .package-category-wrapper .view-all-package a {
    text-decoration: none;
    color: #700000
}

@media screen and (max-width: 509px) {
    .results-wrapper .package-section-wrapper .package-category-wrapper {
        text-align: center
    }
}

.results-wrapper .package-section-wrapper .package-category-name {
    text-align: left;
    margin-bottom: 2.14286rem;
    display: inline-block
}

    .results-wrapper .package-section-wrapper .package-category-name .gcss-typography-brand-heading-6 {
        font-weight: 700
    }

    .results-wrapper .package-section-wrapper .package-category-name .package-info-icon {
        margin-left: .71429rem;
        cursor: pointer;
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }

.results-wrapper .package-section-wrapper .package-container {
    width: 100%
}

.results-wrapper .filter-wrapper .filter-header {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .35714rem
}

.results-wrapper .filter-wrapper .filter-reset {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    float: right;
    cursor: pointer;
    color: #700000
}

.results-wrapper .filter-wrapper .result-count {
    float: left
}

.results-wrapper .filter-wrapper .filter-detail {
    margin-bottom: .35714rem
}

.results-wrapper .ucx22-radio-button {
    padding-top: 1.78571rem
}

.filter-modal {
    padding: 1.42857rem
}

.gcss-theme-light .filter-wrapper .result-count,
.gcss-theme-light .results-wrapper .mobile-result-count {
    color: #636363
}

.gcss-theme-light .package-category-name .gcss-typography-brand-heading-6 {
    color: #000
}

.gcss-theme-light .package-category-name .package-info-icon {
    color: #700000
}

.gcss-theme-dark .filter-wrapper .result-count,
.gcss-theme-dark .results-wrapper .mobile-result-count {
    color: #bfbfbf
}

.gcss-theme-dark .package-category-name .gcss-typography-brand-heading-6 {
    color: #fff
}

.gcss-theme-dark .package-category-name .package-info-icon {
    color: #700000
}

.modal-content .filter-header {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500;
    margin-bottom: .35714rem
}

.modal-content .filter-reset {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    float: right;
    cursor: pointer
}

.modal-content .ucx22-radio-button {
    padding-top: 1.78571rem
}

.modal-content.package-info-details {
    padding-left: 3.57143rem;
    padding-right: 2.85714rem;
    padding-bottom: 4.28571rem
}

    .modal-content.package-info-details h1 {
        margin-bottom: 1.07143rem
    }

.upfitter-wrapper .filter-modal .ucx22-radio-button .radio-button-container,
.upfitter-wrapper .results-wrapper .ucx22-radio-button .radio-button-container {
    padding-bottom: .71429rem;
    margin-bottom: .71429rem;
    border-bottom-width: .07143rem;
    border-bottom-style: solid
}

.upfitter-wrapper .gcss-theme-dark.results-wrapper .mobile-cta .gcss-button,
.upfitter-wrapper .gcss-theme-light.results-wrapper .mobile-cta .gcss-button {
    background-color: #414141
}

.upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-light {
    background-color: transparent;
    border-color: #bfbfbf
}

    .upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text {
        background-color: #e7e7e7
    }

        .upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:not(.selected):before {
            background-color: transparent
        }

.upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-dark {
    background-color: transparent;
    border-color: #bfbfbf
}

    .upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text {
        background-color: #212121
    }

        .upfitter-wrapper .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:not(.selected):before {
            background-color: transparent
        }

.upfitter-wrapper .ucx22-radio-button .checkbox-container .checkbox-text:after {
    color: #fff
}

.upfitter-modal-content .ucx22-radio-button .radio-button-container {
    padding-bottom: .71429rem;
    margin-bottom: .71429rem;
    border-bottom-width: .07143rem;
    border-bottom-style: solid
}

    .upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-light {
        background-color: transparent;
        border-color: #bfbfbf
    }

        .upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text {
            background-color: #e7e7e7
        }

@media screen and (max-width: 1004px) {
    .upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:before {
        background-color: #700000
    }
}

.upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-light .radio-button-text:not(.selected):before {
    background-color: transparent
}

.upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-dark {
    background-color: transparent;
    border-color: #bfbfbf
}

    .upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text {
        background-color: #212121
    }

@media screen and (max-width: 1004px) {
    .upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:before {
        background-color: #ba3b00
    }
}

.upfitter-modal-content .ucx22-radio-button .radio-button-container.gcss-theme-dark .radio-button-text:not(.selected):before {
    background-color: transparent
}

@media screen and (max-width: 1004px) {
    .upfitter-modal-content .ucx22-radio-button .checkbox-container .checkbox-text:hover:before {
        background-color: transparent
    }

    .upfitter-modal-content .ucx22-radio-button .checkbox-container .checkbox-text:hover.selected:before {
        background-color: #700000
    }
}

.upfitter-modal-content .ucx22-radio-button .checkbox-container .checkbox-text:after {
    color: #fff
}

.skulisting-wrapper .package-details {
    padding: 3.57143rem 1.42857rem
}

    .skulisting-wrapper .package-details .package-content {
        padding: 1.07143rem 0
    }

@media screen and (max-width: 509px) {
    .skulisting-wrapper .package-details .package-content .upfit-brand-image {
        margin: 0 auto
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .skulisting-wrapper .package-details .package-content .upfit-brand-image {
        margin: 0 auto
    }
}

.skulisting-wrapper .package-name h1 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    float: left;
    max-width: 515px;
    margin: 0 0 .71429rem
}

@media screen and (max-width: 699px) {
    .skulisting-wrapper .package-name h1 {
        font-size: 1.57143rem
    }
}

.skulisting-wrapper .package-name a {
    float: right;
    color: #333
}

@media screen and (min-width: 1005px) {
    .skulisting-wrapper .package-name a {
        margin: .35714rem 0
    }
}

@media screen and (max-width: 509px) {
    .skulisting-wrapper .package-name a {
        display: none
    }
}

.skulisting-wrapper .package-name a:hover {
    text-decoration: none
}

.skulisting-wrapper .package-name:after {
    clear: both;
    display: block;
    content: ""
}

.skulisting-wrapper .package-id > span:first-child {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.2;
    float: left
}

.skulisting-wrapper .package-id span:nth-child(2) {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    float: right
}

.skulisting-wrapper .package-id:after {
    clear: both;
    display: block;
    content: ""
}

.skulisting-wrapper .package-desc {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    padding: .71429rem 0 2.14286rem;
    line-height: 1.42857rem
}

.skulisting-wrapper .details-btn {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    color: #700000
}

@media screen and (max-width: 1004px) {
    .skulisting-wrapper .details-btn {
        margin: 0 0 2.14286rem
    }
}

@media screen and (max-width: 699px) {
    .skulisting-wrapper .package-cta {
        margin: 2.14286rem 0 0
    }
}

.skulisting-wrapper .package-cta a {
    width: 100%
}

    .skulisting-wrapper .package-cta a:first-child {
        margin: 0 0 1.07143rem
    }

.skulisting-wrapper .upfit-disclaimer-container .disclosure-bubble-wrapper {
    top: -.28571rem
}

.arrow-container {
    height: 100%;
    width: 3.21429rem
}

@media screen and (min-width: 1005px) {
    .arrow-container {
        width: 5.35714rem
    }
}

.arrow-container a {
    height: 100%;
    text-decoration: none
}

.arrow-container .icon,
.arrow-container a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.arrow-container .icon {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1rem
}

@media screen and (min-width: 1005px) {
    .arrow-container .icon {
        width: 100%
    }
}

.arrow-container .icon:before {
    font-size: 3.57143rem
}

.arrow-container.arrow-down,
.arrow-container.arrow-up {
    width: 100%;
    height: 1.07143rem
}

    .arrow-container.arrow-down .icon,
    .arrow-container.arrow-up .icon {
        display: inline-block
    }

        .arrow-container.arrow-down .icon:before,
        .arrow-container.arrow-up .icon:before {
            font-size: .64286rem
        }

.arrow-container.arrow-static a {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.arrow-container.arrow-static.disabled a {
    cursor: default
}

.arrow-container.arrow-hover a {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.arrow-container.arrow-hover .icon {
    visibility: hidden
}

    .arrow-container.arrow-hover .icon.isVisible,
    .arrow-container.arrow-hover:hover .icon {
        visibility: visible
    }

@media screen and (max-width: 1004px) {
    .item-matrix .arrow-container {
        width: 2.14286rem
    }

        .item-matrix .arrow-container.arrow-static .directional-arrow {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .item-matrix .arrow-container .icon {
            width: auto
        }

            .item-matrix .arrow-container .icon:before {
                font-size: 2rem
            }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .item-matrix .arrow-container {
        width: 3.57143rem
    }

        .item-matrix .arrow-container .icon:before {
            font-size: 2.5rem
        }
}

.gcss-theme-light.arrow-container.arrow-static.disabled .icon {
    color: #bfbfbf
}

.gcss-theme-light.arrow-container.arrow-static .icon {
    color: #700000
}

.gcss-theme-light.arrow-container.arrow-hover .icon,
.gcss-theme-light.arrow-container.arrow-hover a .icon {
    color: #000
}

.gcss-theme-light.arrow-container.arrow-hover a.right:hover {
    background: linear-gradient(270deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

.gcss-theme-light.arrow-container.arrow-hover a.left:hover {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

.gcss-theme-light.arrow-container.arrow-hover a:hover .icon {
    color: #636363
}

.gcss-theme-light.arrow-container.arrow-hover a:active {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

    .gcss-theme-light.arrow-container.arrow-hover a:active .icon {
        color: #700000
    }

.gcss-theme-light.arrow-container.arrow-down a,
.gcss-theme-light.arrow-container.arrow-up a {
    background: #700000;
    color: #fff
}

    .gcss-theme-light.arrow-container.arrow-down a .icon,
    .gcss-theme-light.arrow-container.arrow-up a .icon {
        color: #fff;
        text-align: center
    }

.gcss-theme-light.arrow-container.arrow-down.arrow-hover a:hover,
.gcss-theme-light.arrow-container.arrow-up.arrow-hover a:hover {
    background: #5d0000
}

    .gcss-theme-light.arrow-container.arrow-down.arrow-hover a:hover .icon,
    .gcss-theme-light.arrow-container.arrow-up.arrow-hover a:hover .icon {
        color: #fff
    }

.gcss-theme-light.arrow-container.arrow-down.arrow-hover a:active,
.gcss-theme-light.arrow-container.arrow-up.arrow-hover a:active {
    background: #340000
}

    .gcss-theme-light.arrow-container.arrow-down.arrow-hover a:active .icon,
    .gcss-theme-light.arrow-container.arrow-up.arrow-hover a:active .icon {
        color: #fff
    }

.gcss-theme-light.arrow-container.arrow-down.disabled a,
.gcss-theme-light.arrow-container.arrow-up.disabled a {
    cursor: default;
    background: #bfbfbf !important
}

.gcss-theme-light.arrow-container.arrow-left.disabled a,
.gcss-theme-light.arrow-container.arrow-right.disabled a {
    cursor: default;
    background: transparent !important
}

    .gcss-theme-light.arrow-container.arrow-left.disabled a .icon,
    .gcss-theme-light.arrow-container.arrow-right.disabled a .icon {
        color: #bfbfbf !important
    }

.gcss-theme-dark.arrow-container.arrow-static.disabled .icon {
    color: #bfbfbf
}

.gcss-theme-dark.arrow-container.arrow-static .icon {
    color: #ba3b00
}

.gcss-theme-dark.arrow-container.arrow-hover .icon,
.gcss-theme-dark.arrow-container.arrow-hover a .icon {
    color: #fff
}

.gcss-theme-dark.arrow-container.arrow-hover a.right:hover {
    background: linear-gradient(270deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

.gcss-theme-dark.arrow-container.arrow-hover a.left:hover {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

.gcss-theme-dark.arrow-container.arrow-hover a:hover .icon {
    color: #bfbfbf
}

.gcss-theme-dark.arrow-container.arrow-hover a:active {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .2) 12%, rgba(0, 0, 0, .1) 30%, transparent 47%)
}

    .gcss-theme-dark.arrow-container.arrow-hover a:active .icon {
        color: #fff
    }

.gcss-theme-dark.arrow-container.arrow-down a,
.gcss-theme-dark.arrow-container.arrow-up a {
    background: #ba3b00;
    color: #fff
}

    .gcss-theme-dark.arrow-container.arrow-down a .icon,
    .gcss-theme-dark.arrow-container.arrow-up a .icon {
        color: #fff;
        text-align: center
    }

.gcss-theme-dark.arrow-container.arrow-down.arrow-hover a:hover,
.gcss-theme-dark.arrow-container.arrow-up.arrow-hover a:hover {
    background: #ab3600
}

    .gcss-theme-dark.arrow-container.arrow-down.arrow-hover a:hover .icon,
    .gcss-theme-dark.arrow-container.arrow-up.arrow-hover a:hover .icon {
        color: #fff
    }

.gcss-theme-dark.arrow-container.arrow-down.arrow-hover a:active,
.gcss-theme-dark.arrow-container.arrow-up.arrow-hover a:active {
    background: #892b00
}

    .gcss-theme-dark.arrow-container.arrow-down.arrow-hover a:active .icon,
    .gcss-theme-dark.arrow-container.arrow-up.arrow-hover a:active .icon {
        color: #fff
    }

.gcss-theme-dark.arrow-container.arrow-down.disabled a,
.gcss-theme-dark.arrow-container.arrow-up.disabled a {
    cursor: default;
    background: #bfbfbf !important
}

.gcss-theme-dark.arrow-container.arrow-left.disabled a,
.gcss-theme-dark.arrow-container.arrow-right.disabled a {
    cursor: default;
    background: transparent !important
}

    .gcss-theme-dark.arrow-container.arrow-left.disabled a .icon,
    .gcss-theme-dark.arrow-container.arrow-right.disabled a .icon {
        color: #bfbfbf !important
    }

.item-matrix {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 699px) {
    .item-matrix .mobile-hide {
        display: none !important
    }
}

.item-matrix .arrow-container {
    position: absolute;
    top: 0
}

@media screen and (min-width: 1005px) {
    .item-matrix .arrow-container.arrow-left {
        left: 1%
    }

    .item-matrix .arrow-container.arrow-right {
        right: 1%
    }
}

.item-matrix .arrow-container.arrow-left {
    left: 0
}

.item-matrix .arrow-container.arrow-right {
    right: 0
}

.item-matrix .layout-scroll {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .item-matrix .layout-scroll > * {
        -webkit-animation: overflowScroll 1s;
        animation: overflowScroll 1s
    }

    @-webkit-keyframes overflowScroll {
        0% {
            padding-left: .07143rem
        }

        to {
            padding-right: 0
        }
    }

    @keyframes overflowScroll {
        0% {
            padding-left: .07143rem
        }

        to {
            padding-right: 0
        }
    }
}

.item-matrix .layout-scroll.has-arrows {
    margin: 0 2.14286rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .item-matrix .layout-scroll.has-arrows {
        margin: 0 3.57143rem
    }
}

@media screen and (min-width: 1005px) {
    .item-matrix .layout-scroll.has-arrows {
        margin: 0 5.35714rem;
        overflow-x: hidden
    }
}

@media screen and (max-width: 1004px) {
    .item-matrix .layout-scroll.has-arrows .col-item:first-child {
        margin-left: 0 !important
    }
}

.item-matrix .layout-scroll > div {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: all .3s ease-out
}

@media screen and (max-width: 1004px) {
    .feature-explorer-selectors .item-matrix .layout-scroll > div,
    .packages .item-matrix .layout-scroll > div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .feature-explorer-selectors .item-matrix .layout-scroll > div .selector.layout-horizontal,
        .packages .item-matrix .layout-scroll > div .selector.layout-horizontal {
            height: auto;
            width: 100%
        }
}

@media screen and (max-width: 1004px) {
    .item-matrix .layout-scroll.sdp-row.align-center {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width: 509px) {
    .item-matrix.orientation-horizontal {
        padding: 0
    }
}

.item-matrix.orientation-vertical {
    padding-top: .07143rem;
    padding-bottom: .07143rem
}

    .item-matrix.orientation-vertical .layout-scroll {
        display: block
    }

        .item-matrix.orientation-vertical .layout-scroll > div {
            width: 100%
        }

        .item-matrix.orientation-vertical .layout-scroll.has-arrows {
            margin: 1.14286rem 0
        }

            .item-matrix.orientation-vertical .layout-scroll.has-arrows .col-item {
                display: none
            }

                .item-matrix.orientation-vertical .layout-scroll.has-arrows .col-item:first-child,
                .item-matrix.orientation-vertical .layout-scroll.has-arrows .col-item:nth-child(2),
                .item-matrix.orientation-vertical .layout-scroll.has-arrows .col-item:nth-child(3),
                .item-matrix.orientation-vertical .layout-scroll.has-arrows .col-item:nth-child(4),
                .item-matrix.orientation-vertical .layout-scroll.has-arrows.inited .col-item {
                    display: block
                }

    .item-matrix.orientation-vertical .arrow-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

        .item-matrix.orientation-vertical .arrow-container.arrow-down {
            top: auto;
            bottom: 0
        }

.tab-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 1.42857rem;
    overflow-x: auto;
    overflow-y: hidden
}

    .tab-list > .tablist-tab:first-child {
        margin-left: auto
    }

    .tab-list > .tablist-tab:last-child {
        margin-right: auto
    }

    .tab-list.tab-has-images {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: visible
    }

@media screen and (max-width: 1004px) {
    .tab-list.tab-has-images {
        padding-bottom: .35714rem
    }
}

.tab-list.tab-fill .tablist-tab {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.tablist-tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .71429rem 1.42857rem 0;
    text-decoration: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .tablist-tab.active-top {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .tablist-tab span {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }

.tab-text {
    text-align: center
}

    .tab-text:hover span {
        text-decoration: underline
    }

    .tab-text.active-tab span {
        text-decoration: none !important
    }

.tab-image {
    position: relative;
    text-align: center;
    padding: 1.71429rem 2rem;
    height: 100%
}

    .tab-image > div {
        min-height: .07143rem
    }

@media screen and (min-width: 1005px) {
    .tab-image {
        padding: 2.5rem 2.14286rem 2.14286rem
    }

        .tab-image picture.responsive-img.stretch img {
            max-width: 8.92857rem;
            text-align: center;
            display: inline-block
        }
}

@media screen and (max-width: 509px) {
    .tab-image {
        padding: 1.78571rem 1.07143rem
    }
}

.tab-image span:not(.indicator) {
    line-height: 1.28571rem;
    min-height: 2.57143rem;
    display: block;
    margin: .71429rem 0 0
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .tab-image span:not(.indicator) {
        min-height: 3.71429rem
    }
}

.tab-image.active-tab .indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

    .tab-image.active-tab .indicator:after {
        bottom: .28571rem
    }

@media screen and (min-width: 1005px) {
    .tab-image.active-tab .indicator:after {
        bottom: .21429rem
    }
}

.tab-image .tab-reveal-label {
    position: absolute;
    top: .14286rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 95%;
    padding: 0 .71429rem;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .tab-image .tab-reveal-label:after,
    .tab-image .tab-reveal-label:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 2.14286rem;
        height: .07143rem
    }

    .tab-image .tab-reveal-label:before {
        left: -2.14286rem
    }

    .tab-image .tab-reveal-label:after {
        right: -2.14286rem
    }

@media screen and (min-width: 1005px) {
    .tab-image .tab-reveal-label {
        top: .42857rem;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

@media screen and (max-width: 1004px) {
    .tab-image .tab-reveal-label {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }

        .tab-image .tab-reveal-label:after,
        .tab-image .tab-reveal-label:before {
            width: 1.42857rem
        }

        .tab-image .tab-reveal-label:before {
            left: -1.42857rem
        }

        .tab-image .tab-reveal-label:after {
            right: -1.42857rem
        }
}

@media screen and (max-width: 509px) {
    .tab-image .tab-reveal-label {
        max-width: none;
        left: 0;
        -webkit-transform: none;
        transform: none;
        right: 0;
        text-align: center
    }

        .tab-image .tab-reveal-label:after,
        .tab-image .tab-reveal-label:before {
            display: none
        }
}

.tab-block {
    position: relative;
    padding: .71429rem 1.42857rem;
    outline: none;
    border: .07143rem solid;
    text-align: center;
    transition: all .5s ease;
    z-index: 2
}

    .tab-block.active-tab .indicator {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        height: 0
    }

    .tab-block span {
        font-weight: 400
    }

    .active-tab span,
    .tab-block span {
        font-family: Roboto;
        font-size: 1rem
    }

.active-tab span {
    font-weight: 700
}

.active-tab .indicator {
    position: relative;
    display: block;
    height: .28571rem;
    margin-top: .28571rem;
    margin-bottom: -.5rem
}

@media screen and (min-width: 1005px) {
    .active-tab .indicator {
        height: .21429rem
    }
}

.active-tab .indicator:after {
    content: "";
    border-style: solid;
    border-width: .28571rem;
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media screen and (min-width: 1005px) {
    .active-tab .indicator:after {
        bottom: -.57143rem
    }
}

.active-top .indicator {
    margin-bottom: .28571rem;
    margin-top: 1.28571rem
}

    .active-top .indicator:after {
        bottom: .35714rem
    }

@media screen and (min-width: 1005px) {
    .active-top .indicator:after {
        bottom: .42857rem
    }
}

.tablist-tab.disabled {
    cursor: default
}

.tab-image.disabled .responsive-img img,
.tab-image.disabled .tab-reveal-label,
.tab-image.disabled span {
    opacity: .35
}

.gcss-theme-light.tab-has-images .layout-flush,
.gcss-theme-light.tab-has-images .layout-scroll,
.tab-list.gcss-theme-light.tab-has-images .layout-flush,
.tab-list.gcss-theme-light.tab-has-images .layout-scroll {
    background-color: #e7e7e7
}

.gcss-theme-light .tablist-tab span,
.tab-list.gcss-theme-light .tablist-tab span {
    color: #700000
}

.gcss-theme-light .tablist-tab.disabled span,
.tab-list.gcss-theme-light .tablist-tab.disabled span {
    color: #414141 !important
}

.gcss-theme-light .active-tab .indicator,
.tab-list.gcss-theme-light .active-tab .indicator {
    background: #700000
}

    .gcss-theme-light .active-tab .indicator:after,
    .tab-list.gcss-theme-light .active-tab .indicator:after {
        border-color: #700000 transparent transparent
    }

.gcss-theme-light .active-top .indicator:after,
.tab-list.gcss-theme-light .active-top .indicator:after {
    border-color: transparent transparent #700000
}

.gcss-theme-light .tab-image .tab-reveal-label,
.tab-list.gcss-theme-light .tab-image .tab-reveal-label {
    color: #700000
}

    .gcss-theme-light .tab-image .tab-reveal-label:after,
    .gcss-theme-light .tab-image .tab-reveal-label:before,
    .tab-list.gcss-theme-light .tab-image .tab-reveal-label:after,
    .tab-list.gcss-theme-light .tab-image .tab-reveal-label:before {
        background-color: #700000
    }

.gcss-theme-light .tab-image.active-tab,
.gcss-theme-light .tab-image:hover,
.tab-list.gcss-theme-light .tab-image.active-tab,
.tab-list.gcss-theme-light .tab-image:hover {
    background-color: #fff
}

    .gcss-theme-light .tab-image.active-tab .indicator:after,
    .tab-list.gcss-theme-light .tab-image.active-tab .indicator:after {
        border-color: transparent transparent #700000
    }

.gcss-theme-light .tab-block,
.tab-list.gcss-theme-light .tab-block {
    background-color: #fff;
    border-color: #bfbfbf
}

    .gcss-theme-light .tab-block span,
    .tab-list.gcss-theme-light .tab-block span {
        color: #000
    }

@media screen and (min-width: 1005px) {
    .gcss-theme-light .tab-block:hover,
    .tab-list.gcss-theme-light .tab-block:hover {
        background-color: #5d0000;
        border-color: #5d0000
    }

        .gcss-theme-light .tab-block:hover span,
        .tab-list.gcss-theme-light .tab-block:hover span {
            color: #fff
        }
}

.gcss-theme-light .tab-block.active-tab,
.gcss-theme-light .tab-block:active,
.tab-list.gcss-theme-light .tab-block.active-tab,
.tab-list.gcss-theme-light .tab-block:active {
    background-color: #700000;
    border-color: #700000
}

    .gcss-theme-light .tab-block.active-tab span,
    .gcss-theme-light .tab-block:active span,
    .tab-list.gcss-theme-light .tab-block.active-tab span,
    .tab-list.gcss-theme-light .tab-block:active span {
        color: #fff
    }

.gcss-theme-dark.tab-has-images .layout-flush,
.gcss-theme-dark.tab-has-images .layout-scroll,
.tab-list.gcss-theme-dark.tab-has-images .layout-flush,
.tab-list.gcss-theme-dark.tab-has-images .layout-scroll {
    background-color: #212121
}

.gcss-theme-dark .tablist-tab span,
.tab-list.gcss-theme-dark .tablist-tab span {
    color: #fff
}

.gcss-theme-dark .tablist-tab.disabled span,
.tab-list.gcss-theme-dark .tablist-tab.disabled span {
    color: #414141 !important
}

.gcss-theme-dark .active-tab .indicator,
.tab-list.gcss-theme-dark .active-tab .indicator {
    background: #ba3b00
}

    .gcss-theme-dark .active-tab .indicator:after,
    .tab-list.gcss-theme-dark .active-tab .indicator:after {
        border-color: #ba3b00 transparent transparent
    }

.gcss-theme-dark .active-top .indicator:after,
.tab-list.gcss-theme-dark .active-top .indicator:after {
    border-color: transparent transparent #ba3b00
}

.gcss-theme-dark .tab-image .tab-reveal-label,
.tab-list.gcss-theme-dark .tab-image .tab-reveal-label {
    color: #ba3b00
}

    .gcss-theme-dark .tab-image .tab-reveal-label:after,
    .gcss-theme-dark .tab-image .tab-reveal-label:before,
    .tab-list.gcss-theme-dark .tab-image .tab-reveal-label:after,
    .tab-list.gcss-theme-dark .tab-image .tab-reveal-label:before {
        background-color: #ba3b00
    }

.gcss-theme-dark .tab-image.active-tab,
.gcss-theme-dark .tab-image:hover,
.tab-list.gcss-theme-dark .tab-image.active-tab,
.tab-list.gcss-theme-dark .tab-image:hover {
    background-color: #000
}

    .gcss-theme-dark .tab-image.active-tab .indicator:after,
    .tab-list.gcss-theme-dark .tab-image.active-tab .indicator:after {
        border-color: transparent transparent #ba3b00
    }

.gcss-theme-dark .tab-block,
.tab-list.gcss-theme-dark .tab-block {
    background-color: #3e3e3e;
    border-color: #bfbfbf
}

    .gcss-theme-dark .tab-block span,
    .tab-list.gcss-theme-dark .tab-block span {
        color: #fff
    }

@media screen and (min-width: 1005px) {
    .gcss-theme-dark .tab-block:hover,
    .tab-list.gcss-theme-dark .tab-block:hover {
        background-color: #ab3600;
        border-color: #ab3600
    }

        .gcss-theme-dark .tab-block:hover span,
        .tab-list.gcss-theme-dark .tab-block:hover span {
            color: #fff
        }
}

.gcss-theme-dark .tab-block.active-tab,
.gcss-theme-dark .tab-block:active,
.tab-list.gcss-theme-dark .tab-block.active-tab,
.tab-list.gcss-theme-dark .tab-block:active {
    background-color: #ba3b00;
    border-color: #ba3b00
}

    .gcss-theme-dark .tab-block.active-tab span,
    .gcss-theme-dark .tab-block:active span,
    .tab-list.gcss-theme-dark .tab-block.active-tab span,
    .tab-list.gcss-theme-dark .tab-block:active span {
        color: #fff
    }

.pinned-container {
    position: relative;
    min-height: .07143rem;
    overflow: hidden
}

.pinned-content-top {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

    .pinned-content-top.pinned-content-end {
        bottom: 0;
        position: absolute;
        top: auto
    }

.pinned-content-bottom {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0
}

    .pinned-content-bottom.pinned-content-end {
        bottom: auto;
        position: absolute;
        top: 0
    }

.tab-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .tab-container.tab-padding .tablist-tab-content {
        padding: .71429rem
    }

.tab-pos-top {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.tab-pos-bottom {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.tablist-tab-content {
    display: none
}

.active-tab-content {
    display: block
}

.sdp-visualizer {
    width: 100%
}

    .sdp-visualizer .pinned-content .tab-list .item-matrix {
        padding: 0
    }

        .sdp-visualizer .pinned-content .tab-list .item-matrix .image-container + span {
            display: none
        }

.shopping-cta-wrapper {
    width: 100%;
    margin-top: 3.57143rem;
    border-top-width: .07143rem;
    border-top-style: solid;
    border-top-color: #bfbfbf
}

    .shopping-cta-wrapper .dealer-rhs,
    .shopping-cta-wrapper .inventory-lhs {
        padding-top: 2.85714rem;
        padding-bottom: 2.85714rem;
        position: relative
    }

@media screen and (min-width: 700px) {
    .shopping-cta-wrapper .dealer-rhs,
    .shopping-cta-wrapper .inventory-lhs {
        padding-bottom: 7.14286rem
    }
}

.shopping-cta-wrapper .dealer-rhs .sdp-row:last-child,
.shopping-cta-wrapper .inventory-lhs .sdp-row:last-child {
    margin-top: 1.42857rem
}

.shopping-cta-wrapper .dealer-rhs .count-txt,
.shopping-cta-wrapper .inventory-lhs .count-txt {
    font-size: 4.28571rem;
    color: #700000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 509px) {
    .shopping-cta-wrapper .dealer-rhs .gcss-button,
    .shopping-cta-wrapper .inventory-lhs .gcss-button {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    .shopping-cta-wrapper .dealer-rhs .uft-button-container,
    .shopping-cta-wrapper .inventory-lhs .uft-button-container {
        position: absolute;
        bottom: 2.85714rem;
        width: 96%
    }
}

.gcss-theme-light.shopping-cta-wrapper .dealer-rhs {
    background-color: #d1d1d1
}

.gcss-theme-dark.shopping-cta-wrapper .dealer-rhs {
    background-color: #3e3e3e
}

@media print {
    .shopping-cta-wrapper {
        display: none
    }
}

@media screen and (max-width: 509px) {
    .summary-wrapper .summary-lhs,
    .summary-wrapper .summary-rhs {
        margin-top: 1.42857rem
    }
}

.summary-wrapper .incentive-link {
    text-decoration: none;
    color: #700000;
    margin-bottom: .71429rem;
    margin-top: .71429rem;
    display: inline-block;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

@media screen and (max-width: 509px) {
    .summary-wrapper .incentive-link {
        margin-bottom: 1.42857rem
    }
}

.summary-wrapper .summary-section {
    margin-bottom: 1.42857rem;
    padding-bottom: .71429rem;
    border-bottom-width: .07143rem;
    border-bottom-style: solid
}

@media screen and (max-width: 509px) {
    .summary-wrapper .summary-section:first-child {
        padding-bottom: 0
    }
}

.summary-wrapper .summary-section.incentive-section {
    border-bottom-width: 0
}

    .summary-wrapper .summary-section.incentive-section .icon {
        margin-right: .71429rem;
        color: #700000
    }

    .summary-wrapper .summary-section.incentive-section .incentive-icon-heading {
        padding-bottom: 1.42857rem
    }

.summary-wrapper .summary-section .summary-heading {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1.42857rem;
    text-transform: uppercase
}

    .summary-wrapper .summary-section .summary-heading.vehicle-head {
        margin-top: 2.14286rem
    }

@media screen and (max-width: 509px) {
    .summary-wrapper .summary-section .summary-heading.vehicle-head {
        margin-top: .71429rem
    }
}

@media screen and (min-width: 1005px) {
    .summary-wrapper .summary-section .summary-heading.vehicle-head {
        margin-top: 0
    }
}

.summary-wrapper .summary-section .summary-sub-heading {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .71429rem;
    line-height: 1.42857rem
}

    .summary-wrapper .summary-section .summary-sub-heading .sub-heading-line {
        display: inline-block;
        width: 100%
    }

        .summary-wrapper .summary-section .summary-sub-heading .sub-heading-line:last-child {
            margin-bottom: 0
        }

.summary-wrapper .summary-section .summary-price {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    text-align: right
}

    .summary-wrapper .summary-section .summary-price .msrp-disclosure {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400;
        margin-right: .35714rem
    }

.summary-wrapper .summary-section .details-button-container {
    margin-bottom: 0
}

.summary-wrapper .summary-section .total-price {
    margin-bottom: .71429rem;
    display: inline-block
}

.summary-wrapper .text-right {
    text-align: right
}

.summary-wrapper .summary-share {
    display: none
}

@media screen and (min-width: 1005px) {
    .summary-wrapper .summary-share {
        display: block
    }
}

.summary-wrapper .summary-share .gcss-icon-printer.gcss-button-secondary:before {
    left: 1.07143rem
}

.summary-wrapper .summary-share .gcss-icon-printer.gcss-button-secondary:after {
    right: .71429rem
}

.summary-wrapper .dealer-text,
.summary-wrapper .show-tb-phb {
    display: none
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .summary-wrapper .show-tb-phb {
        display: block
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .summary-wrapper .show-tb-phb {
        display: block
    }
}

.summary-wrapper .show-dsk-mob {
    display: none
}

@media screen and (min-width: 1005px) {
    .summary-wrapper .show-dsk-mob {
        display: inline-block;
        margin-left: .35714rem
    }
}

@media screen and (max-width: 509px) {
    .summary-wrapper .show-dsk-mob {
        display: inline-block;
        margin-left: .35714rem
    }
}

.gcss-theme-light .summary-section {
    border-color: #bfbfbf
}

.gcss-theme-light .incentive-price {
    color: #700000
}

.gcss-theme-light .msrp-disclosure {
    color: #636363
}

.gcss-theme-dark .summary-section {
    border-color: #bfbfbf
}

.gcss-theme-dark .incentive-price {
    color: #ba3b00
}

.gcss-theme-dark .msrp-disclosure {
    color: #bfbfbf
}

@media print {
    .gcss-main-content .secondary-navigation,
    .main-navigation .header-wrapper .header .logo {
        display: none
    }

    .main-nav-links,
    .main-nav-rightlinks,
    .menu-links,
    .progress-tracker,
    .summary-share {
        display: none !important
    }

    .page-header {
        background-color: #fff !important;
        margin-left: -1.42857rem !important
    }

        .page-header .page-header-titles h1 {
            color: #000 !important
        }

    .summary-lhs,
    .summary-rhs {
        width: 100% !important
    }

    .summary-lhs {
        margin-top: 2.85714rem
    }

        .summary-lhs .tab-container {
            display: none !important
        }

    .summary-rhs {
        margin-top: 1.42857rem
    }

        .summary-rhs .summary-section.incentive-section {
            border-bottom-width: .07143rem
        }

        .summary-rhs .summary-section .summary-sub-heading {
            width: 70%
        }

            .summary-rhs .summary-section .summary-sub-heading:first-child {
                font-family: Roboto;
                font-size: 1rem;
                font-weight: 700
            }

            .summary-rhs .summary-section .summary-sub-heading .sub-heading-line {
                display: inline;
                font-family: Roboto;
                font-size: 1rem;
                font-weight: 400
            }

                .summary-rhs .summary-section .summary-sub-heading .sub-heading-line:after {
                    content: " | "
                }

                .summary-rhs .summary-section .summary-sub-heading .sub-heading-line:first-child {
                    display: inline-block;
                    width: 100%;
                    font-family: Roboto;
                    font-size: 1rem;
                    font-weight: 700;
                    margin-bottom: .71429rem
                }

                    .summary-rhs .summary-section .summary-sub-heading .sub-heading-line:first-child:after,
                    .summary-rhs .summary-section .summary-sub-heading .sub-heading-line:last-child:after {
                        content: ""
                    }

        .summary-rhs .summary-section .summary-price {
            color: #700000;
            margin-top: -1.42857rem
        }

    .dealer-text {
        display: block !important
    }

        .dealer-text div:first-child {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: .35714rem
        }

    .details-button-container {
        display: none
    }
}

.sub-header {
    text-align: left;
    padding: 0 0 2.85714rem 2.14286rem;
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

.profession-select-container {
    padding: 0 1.42857rem
}

    .profession-select-container .profession-select-tab {
        margin-bottom: 2.85714rem
    }

        .profession-select-container .profession-select-tab .profession-image {
            height: auto;
            width: auto
        }

        .profession-select-container .profession-select-tab .profession-select-cta {
            margin-top: .71429rem;
            width: 100%
        }

.radio-group-wrapper .title-block {
    margin-bottom: 1.42857rem
}

    .radio-group-wrapper .title-block .radio-title {
        font-size: 1rem;
        line-height: 1.42857;
        text-transform: uppercase
    }

.vehicle-select-container-wrapper .tab-list.tab-has-images .layout-flush {
    background-color: transparent;
    padding: 0 .71429rem
}

@media screen and (max-width: 1004px) {
    .vehicle-select-container-wrapper .tab-list.tab-has-images .layout-flush .col-item {
        padding: .35714rem
    }
}

.vehicle-select-container-wrapper.upfitter-wrapper .tablist-tab span {
    text-transform: uppercase;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.vehicle-select-container-wrapper.upfitter-wrapper .tablist-tab.active-tab span {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.vehicle-select-container-wrapper.upfitter-wrapper .info-declaration {
    margin-bottom: 1.78571rem;
    margin-left: .78125%;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .vehicle-select-container-wrapper.upfitter-wrapper .info-declaration {
        margin-left: 3.4%
    }
}

.vehicle-select-container-wrapper .vehicle-select-tab .tab-list {
    padding-bottom: 0
}

.vehicle-detail {
    margin: 5.35714rem 0 0;
    width: 100%;
    overflow: hidden;
    padding: 0 1.42857rem
}

@media screen and (max-width: 509px) {
    .vehicle-detail {
        padding: 0
    }
}

.vehicle-detail .lhs .vehicle-name {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    margin: 0 0 1.57143rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .vehicle-detail .lhs .vehicle-name {
        font-size: 1.42857rem;
        padding-left: 1.07143rem;
        font-size: 2.14286rem
    }
}

@media screen and (max-width: 509px) {
    .vehicle-detail .lhs .vehicle-name {
        padding-left: .71429rem
    }
}

@media screen and (max-width: 699px) {
    .vehicle-detail .lhs {
        padding: 0
    }
}

.vehicle-detail .lhs .vehicle-desc {
    font-size: 1rem;
    line-height: 1.42857;
    margin-bottom: 3.57143rem
}

@media screen and (max-width: 699px) {
    .vehicle-detail .lhs .vehicle-desc,
    .vehicle-detail .lhs .vehicle-image {
        display: none
    }
}

@media screen and (max-width: 699px) {
    .vehicle-detail .rhs {
        padding: 0
    }
}

.vehicle-detail .rhs .radio-group-wrapper {
    margin: 0 0 2.5rem
}

    .vehicle-detail .rhs .radio-group-wrapper .title-block .radio-title {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        text-transform: uppercase
    }

.vehicle-detail .rhs .available-upfit-cta {
    width: 100%;
    margin: 0 0 4.28571rem
}

.gcss-theme-light.upfitter-wrapper {
    background-color: #fff
}

    .gcss-theme-light.upfitter-wrapper .tab-list .tablist-tab {
        background-color: #e7e7e7
    }

        .gcss-theme-light.upfitter-wrapper .tab-list .tablist-tab.active-tab,
        .gcss-theme-light.upfitter-wrapper .tab-list .tablist-tab:active,
        .gcss-theme-light.upfitter-wrapper .tab-list .tablist-tab:hover {
            background-color: #fff
        }

        .gcss-theme-light.upfitter-wrapper .tab-list .tablist-tab:not(.active-tab) span {
            color: #000
        }

@media screen and (min-width: 1005px) {
    .gcss-theme-light.upfitter-wrapper .tab-list .item-matrix {
        background-color: #e7e7e7
    }
}

.gcss-theme-light.upfitter-wrapper .info-declaration {
    color: #636363
}

.gcss-theme-dark.upfitter-wrapper {
    background-color: #000
}

    .gcss-theme-dark.upfitter-wrapper .tab-list .tablist-tab {
        background-color: #212121
    }

        .gcss-theme-dark.upfitter-wrapper .tab-list .tablist-tab.active-tab,
        .gcss-theme-dark.upfitter-wrapper .tab-list .tablist-tab:active,
        .gcss-theme-dark.upfitter-wrapper .tab-list .tablist-tab:hover {
            background-color: #3e3e3e
        }

        .gcss-theme-dark.upfitter-wrapper .tab-list .tablist-tab:not(.active-tab) span {
            color: #fff
        }

@media screen and (min-width: 1005px) {
    .gcss-theme-dark.upfitter-wrapper .tab-list .item-matrix {
        background-color: #212121
    }
}

.gcss-theme-dark.upfitter-wrapper .info-declaration {
    color: #bfbfbf
}

.upfitter-header .page-header {
    padding-left: 1.07143rem
}

.key-stat-wrapper {
    padding-bottom: .35714rem
}

    .key-stat-wrapper .sdp-col {
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }

    .key-stat-wrapper .label {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        display: inline-block;
        text-transform: uppercase;
        margin-bottom: .28571rem
    }

@media screen and (min-width: 1005px) {
    .key-stat-wrapper .label {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.key-stat-wrapper .icon-value-container,
.key-stat-wrapper .icon-value-container .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .key-stat-wrapper .icon-value-container .icon {
        padding-right: .42857rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #bfbfbf
    }

    .key-stat-wrapper .icon-value-container > .align-center,
    .key-stat-wrapper .icon-value-container > .align-left {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .key-stat-wrapper .icon-value-container .value {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

@media screen and (min-width: 1005px) {
    .key-stat-wrapper .icon-value-container .value {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700
    }
}

.key-stat-wrapper .align-left {
    text-align: left
}

.key-stat-wrapper .align-center {
    text-align: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.key-stat-wrapper .disclosure {
    margin-left: .35714rem
}

    .key-stat-wrapper .disclosure,
    .key-stat-wrapper .disclosure > .disclosure-bubble {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.key-stat-wrapper .claim {
    margin-top: .28571rem;
    text-transform: uppercase
}

.key-stat-wrapper .claim,
.key-stat-wrapper.large .label {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

@media screen and (min-width: 700px) {
    .key-stat-wrapper.large .label {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }
}

@media screen and (max-width: 509px) {
    .key-stat-wrapper.large .label {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.key-stat-wrapper.large .value {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500
}

@media screen and (min-width: 1005px) {
    .key-stat-wrapper.large .value {
        font-family: Roboto;
        font-size: 2.28571rem;
        font-weight: 500
    }
}

.key-stat-wrapper.stylized {
    width: 15.35714rem
}

    .key-stat-wrapper.stylized .highlightTitle {
        font-family: Roboto;
        font-size: .85714rem;
        font-family: Roboto Condensed;
        font-weight: 400;
        text-align: left;
        margin-bottom: .71429rem;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .key-stat-wrapper.stylized .keyline {
        width: 100%;
        display: block;
        margin: 0 .71429rem 1.07143rem 0
    }

    .key-stat-wrapper.stylized .icon-value-container {
        display: table
    }

        .key-stat-wrapper.stylized .icon-value-container.align-center {
            margin-left: auto;
            margin-right: auto
        }

        .key-stat-wrapper.stylized .icon-value-container .icon,
        .key-stat-wrapper.stylized .icon-value-container .value {
            display: table-cell;
            vertical-align: middle
        }

        .key-stat-wrapper.stylized .icon-value-container > div {
            display: table-cell !important;
            vertical-align: top
        }

            .key-stat-wrapper.stylized .icon-value-container > div.disclosure {
                padding-left: .21429rem
            }

    .key-stat-wrapper.stylized .label {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        font-family: Roboto Condensed;
        margin-left: .14286rem
    }

    .key-stat-wrapper.stylized .icon {
        font-size: 1.78571rem
    }

    .key-stat-wrapper.stylized .value {
        font-size: 2.85714rem;
        font-family: Roboto Condensed
    }

    .key-stat-wrapper.stylized .claim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        font-family: Roboto Condensed;
        margin: 1.07143rem 0 2.14286rem
    }

.gcss-theme-light.key-stat-wrapper .label {
    color: #636363
}

.gcss-theme-light.key-stat-wrapper .icon-value-container .value {
    color: #000
}

.gcss-theme-light.key-stat-wrapper .claim {
    color: #636363
}

.gcss-theme-light.key-stat-wrapper.stylized .highlightTitle {
    color: #333
}

.gcss-theme-light.key-stat-wrapper.stylized .keyline {
    border-top: .07143rem solid #700000
}

.gcss-theme-light.key-stat-wrapper.stylized .icon {
    color: #636363
}

.gcss-theme-light.key-stat-wrapper.stylized .value {
    color: #333
}

.gcss-theme-light.key-stat-wrapper.stylized .claim {
    color: #636363
}

.gcss-theme-dark.key-stat-wrapper .label {
    color: #bfbfbf
}

.gcss-theme-dark.key-stat-wrapper .icon-value-container .value {
    color: #fff
}

.gcss-theme-dark.key-stat-wrapper .claim {
    color: #bfbfbf
}

.gcss-theme-dark.key-stat-wrapper.stylized .highlightTitle {
    color: #fff
}

.gcss-theme-dark.key-stat-wrapper.stylized .keyline {
    border-top: .07143rem solid #ba3b00
}

.gcss-theme-dark.key-stat-wrapper.stylized .icon {
    color: #bfbfbf
}

.gcss-theme-dark.key-stat-wrapper.stylized .value {
    color: #fff
}

.gcss-theme-dark.key-stat-wrapper.stylized .claim {
    color: #bfbfbf
}

.badge-wrapper {
    width: 100%
}

@media screen and (max-width: 699px) {
    .badge-wrapper.centered .badge-container .sdp-col {
        display: block;
        margin: 0
    }

        .badge-wrapper.centered .badge-container .sdp-col .content-container,
        .badge-wrapper.centered .badge-container .sdp-col .visual-container {
            width: 100% !important;
            display: block;
            margin: 0
        }

    .badge-wrapper.centered .badge-container .visual-container {
        padding-bottom: 2.14286rem
    }

        .badge-wrapper.centered .badge-container .visual-container .image-container {
            max-width: 14.28571rem;
            margin: 0 auto
        }

    .badge-wrapper.centered .badge-container .content-container {
        text-align: center
    }
}

@media screen and (min-width: 1005px) {
    .badge-wrapper {
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (max-width: 509px) {
    .badge-wrapper .badge-container.sdp-row {
        margin: 0
    }
}

.badge-wrapper .badge-container > .sdp-col {
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.42857rem 0
}

@media screen and (max-width: 509px) {
    .badge-wrapper .badge-container > .sdp-col {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.badge-wrapper .badge-container > .sdp-col .visual-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%
}

    .badge-wrapper .badge-container > .sdp-col .visual-container picture {
        width: auto;
        display: inline-block
    }

    .badge-wrapper .badge-container > .sdp-col .visual-container img {
        width: auto
    }

    .badge-wrapper .badge-container > .sdp-col .visual-container.award,
    .badge-wrapper .badge-container > .sdp-col .visual-container.layout-25-75,
    .badge-wrapper .badge-container > .sdp-col .visual-container.layout-50-50 {
        width: 50%
    }

    .badge-wrapper .badge-container > .sdp-col .visual-container.layout-33-66 {
        width: 33.33333%
    }

.badge-wrapper .badge-container > .sdp-col .content-container {
    width: 75%;
    margin-left: 1.42857rem
}

    .badge-wrapper .badge-container > .sdp-col .content-container.award {
        width: 50%
    }

    .badge-wrapper .badge-container > .sdp-col .content-container.layout-25-75 {
        width: 75%
    }

    .badge-wrapper .badge-container > .sdp-col .content-container.layout-50-50 {
        width: 50%
    }

    .badge-wrapper .badge-container > .sdp-col .content-container.layout-33-66 {
        width: 66.66667%
    }

    .badge-wrapper .badge-container > .sdp-col .content-container .claim {
        margin-bottom: 1.42857rem
    }

@media screen and (max-width: 509px) {
    .badge-wrapper .badge-container > .sdp-col .content-container .claim {
        margin-bottom: 1.07143rem
    }
}

.badge-wrapper .badge-container > .sdp-col .content-container .claim .disclosure-bubble-wrapper {
    margin: .35714rem
}

.gcss-theme-light.badge-wrapper .badge-container > .sdp-col .content-container .claim > span,
.gcss-theme-light.badge-wrapper .badge-container > .sdp-col .content-container .description {
    color: #000
}

.gcss-theme-dark.badge-wrapper .badge-container > .sdp-col .content-container .claim > span,
.gcss-theme-dark.badge-wrapper .badge-container > .sdp-col .content-container .description {
    color: #fff
}

.cta-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: .35714rem
}

    .cta-wrapper .disclosure-bubble-wrapper {
        float: left;
        padding-left: 1.42857rem
    }

        .cta-wrapper .disclosure-bubble-wrapper .bubble {
            width: 1.07143rem;
            height: 1.07143rem
        }

    .cta-wrapper.gcss-theme-dark .gcss-button-tertiary,
    .cta-wrapper.gcss-theme-light .gcss-button-tertiary {
        display: block;
        line-height: 18px;
        float: right
    }

        .cta-wrapper.gcss-theme-dark .gcss-button-tertiary:hover,
        .cta-wrapper.gcss-theme-light .gcss-button-tertiary:hover {
            text-decoration: none
        }

            .cta-wrapper.gcss-theme-dark .gcss-button-tertiary:hover span,
            .cta-wrapper.gcss-theme-light .gcss-button-tertiary:hover span {
                text-decoration: underline
            }

.gcss-theme-light.cta-wrapper {
    background-color: #e7e7e7
}

    .gcss-theme-light.cta-wrapper.cta-wrapper-black {
        background-color: #000
    }

.gcss-theme-dark.cta-wrapper {
    background-color: #212121
}

    .gcss-theme-dark.cta-wrapper.cta-wrapper-black {
        background-color: #000
    }

.baked-ctacard-tile .cta-wrapper a .cta-button {
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    margin-left: auto
}

.baked-ctacard-tile .cta-wrapper a .icon.gcss-icon-chevron-right-2 {
    height: 1.78571rem
}

.baked-ctacard-tile .display-media-container .cropMedia {
    background-size: contain
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .banner-container[data-supporting-visual]:not([data-supporting-visual=none]) .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        display: none
    }
}

.banner-container.sdp-grid {
    padding-top: 2.14286rem;
    padding-bottom: 2.14286rem
}

@media screen and (min-width: 700px) {
    .banner-container.sdp-grid {
        padding: 3.57143rem 2.5rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container.sdp-grid {
        padding: 3.57143rem
    }
}

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons > .sdp-col.buttons__grid__col__buttons.flush {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons > .sdp-col.buttons__grid__col__buttons > .gcss-button,
.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons > .sdp-col.buttons__grid__col__buttons > [class*=gcss-button-] {
    width: 100%
}

@media screen and (max-width: 1004px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons > .sdp-col.buttons__grid__col__buttons > .gcss-button,
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons > .sdp-col.buttons__grid__col__buttons > [class*=gcss-button-] {
        width: auto
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons:nth-child(n+2) {
    margin-top: 1.07143rem
}

@media screen and (min-width: 1005px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .sdp-grid.buttons__grid > .sdp-row.buttons__grid__row__buttons:nth-child(n+2) {
        margin-top: .35714rem
    }
}

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .post-title,
.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .pre-title,
.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .title {
    word-wrap: break-word;
    word-break: break-word
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid > .sdp-row:nth-child(n+2) {
    margin-top: .71429rem
}

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid > .sdp-row:nth-child(n+2) {
        margin-top: 1.07143rem
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.banner__grid__col__content-supporting-visual.hidden {
    display: table;
    visibility: hidden
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.banner__grid__col__content-supporting-visual.flush + .sdp-col.flush.content-titles__grid__col__title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.content-visual-text-container__grid__col__content-titles {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2%
}

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.content-visual-text-container__grid__col__content-titles > .sdp-grid.content-titles__grid > .sdp-row > .sdp-col {
        max-width: 42.85714rem;
        min-width: 1px
    }

@media screen and (max-width: 509px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.content-visual-text-container__grid__col__content-titles > .sdp-grid.content-titles__grid > .sdp-row.content-titles__grid__row__title > .sdp-col.banner__grid__col__content-supporting-visual {
        display: none
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container {
    font-family: Roboto;
    font-size: 3rem;
    font-size: 10vw;
    font-weight: 700
}

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=icon],
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=image] {
        font-weight: 400
    }

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=icon] {
        font-size: 7.2vw
    }

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=image] {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        max-width: 3.92857rem;
        width: auto
    }

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=image] {
        max-width: 5.35714rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=image] {
        max-width: 5rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual$=_text] {
        font-size: 5rem
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row > .sdp-col.banner__grid__col__content-supporting-visual {
        display: table
    }

    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row > .sdp-col.content-visual-text-container__grid__col__content-titles > .sdp-grid.content-titles__grid > .sdp-row.content-titles__grid__row__title {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width: 509px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row > .sdp-col.content-visual-text-container__grid__col__content-titles > .sdp-grid.content-titles__grid > .sdp-row.content-titles__grid__row__title {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 510px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row > .sdp-col.content-visual-text-container__grid__col__content-titles > .sdp-grid.content-titles__grid > .sdp-row.content-titles__grid__row__title > .sdp-col.banner__grid__col__content-supporting-visual {
        display: none
    }
}

@media screen and (max-width: 699px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons {
        display: none
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons > .sdp-col.content-titles__grid__col__buttons {
    max-width: 70%
}

@media screen and (max-width: 1004px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons > .sdp-col.content-titles__grid__col__buttons {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width: 1005px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media screen and (max-width: 699px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        width: 100%
    }
}

.banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image > .image-container > .responsive-img {
        max-width: 20.71429rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image > .image-container > .responsive-img {
        max-width: 25rem
    }
}

@media screen and (min-width: 700px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image.large-image {
        max-width: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image.large-image > .image-container > .responsive-img {
            max-width: 100%
        }
}

@media screen and (max-width: 699px) {
    .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image {
        display: none
    }
}

.banner-container .supporting-visual-container {
    color: #700000;
    margin-right: 1.42857rem
}

@media screen and (min-width: 700px) {
    .banner-container .supporting-visual-container {
        margin-right: 2.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

@media screen and (min-width: 700px) {
    .banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        display: none
    }
}

.banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image {
    padding-left: .85714rem
}

@media screen and (min-width: 1005px) {
    .banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image {
        padding-left: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .banner-container[data-variation^=without_image][data-has-buttons] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

        .banner-container[data-variation^=without_image][data-has-buttons] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row {
            margin-bottom: 0
        }
}

@media screen and (max-width: 1004px) {
    .banner-container[data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width: 699px) {
    .banner-container[data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons {
        display: none
    }
}

@media screen and (min-width: 1005px) {
    .banner-container[data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons {
        display: none
    }
}

@media screen and (max-width: 699px) {
    .banner-container[data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media screen and (max-width: 699px) {
    .banner-container[data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-image {
        display: none
    }
}

.banner-container[data-supporting-visual=none][data-variation^=without_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-titles__grid__row__buttons {
    display: none
}

@media screen and (min-width: 1005px) {
    .banner-container[data-supporting-visual=none] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.banner-container[data-has-buttons] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row {
    margin-bottom: 1.07143rem
}

.banner-container.gcss-theme-medium,
.banner-container.gcss-theme-medium.gcss-theme-light {
    background-color: #e7e7e7
}

    .banner-container.gcss-theme-medium.gcss-theme-light .post-title,
    .banner-container.gcss-theme-medium .post-title {
        color: #000
    }

.banner-container.gcss-theme-light {
    background-color: #fff
}

    .banner-container.gcss-theme-light .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .post-title,
    .banner-container.gcss-theme-light .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .pre-title {
        color: #636363
    }

    .banner-container.gcss-theme-light .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .title {
        color: #000
    }

    .banner-container.gcss-theme-light .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-visual-text-container__grid .supporting-visual-container {
        color: #700000
    }

.banner-container.gcss-theme-dark {
    background-color: #3e3e3e
}

    .banner-container.gcss-theme-dark .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .post-title,
    .banner-container.gcss-theme-dark .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .pre-title {
        color: #bfbfbf
    }

    .banner-container.gcss-theme-dark .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid .title {
        color: #fff
    }

    .banner-container.gcss-theme-dark .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-visual-text-container__grid .supporting-visual-container {
        color: #ba3b00
    }

.bullet-list {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.71429rem
}

    .bullet-list .list-title {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: .71429rem
    }

    .bullet-list ul {
        list-style-type: disc;
        margin-left: 1.07143rem
    }

        .bullet-list ul li {
            margin-top: .71429rem;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 400
        }

        .bullet-list ul.first-column li:first-child {
            margin-top: 0
        }

        .bullet-list ul.is-two-column {
            margin-left: 1.07143rem
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .bullet-list ul.is-two-column {
        margin-left: 2.85714rem
    }
}

@media screen and (min-width: 1005px) {
    .bullet-list ul.is-two-column {
        margin-left: 1.42857rem
    }
}

@media screen and (min-width: 700px) {
    .bullet-list ul.is-two-column li:first-child {
        margin-top: 0
    }
}

.gcss-theme-light.bullet-list {
    color: #636363
}

    .gcss-theme-light.bullet-list .list-title {
        color: #000
    }

.gcss-theme-dark.bullet-list,
.gcss-theme-dark.bullet-list .list-title {
    color: #fff
}

.blurb-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .blurb-container .blurb-media {
        font-size: 1rem;
        line-height: 1.42857;
        width: 100%;
        height: auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-bottom: 2rem
    }

@media screen and (max-width: 699px) {
    .blurb-container .blurb-media {
        padding-bottom: 1.78571rem
    }
}

.blurb-container .blurb-media .cta-container {
    position: absolute;
    bottom: 0
}

@media screen and (max-width: 1004px) {
    .blurb-container .blurb-media .cta-container {
        bottom: 2.14286rem
    }
}

.blurb-container .blurb-media .passive-video-container video {
    height: 13.57143rem
}

.blurb-container .blurb-title {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 1.07143rem;
    text-align: center;
    max-width: 100%
}

@media screen and (max-width: 699px) {
    .blurb-container .blurb-title {
        padding-bottom: 1.42857rem
    }
}

.blurb-container .description {
    font-size: 1rem;
    line-height: 1.42857;
    text-align: center;
    width: 100%;
    padding-bottom: 1.78571rem
}

@media screen and (max-width: 699px) {
    .blurb-container .description {
        padding-bottom: 1.78571rem;
        text-align: left
    }
}

.blurb-container .blurb-cta {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 0;
    width: 100%;
    text-align: center
}

.blurb-container .whyBuys-div {
    width: 100%;
    text-align: left
}

.blurb-container,
::-ms-backdrop {
    display: block
}

.gcss-theme-light.blurb-container {
    background-color: #fff
}

    .gcss-theme-light.blurb-container .passive-video-container video {
        background-color: #000
    }

    .gcss-theme-light.blurb-container .blurb-title,
    .gcss-theme-light.blurb-container .description {
        color: #000
    }

    .gcss-theme-light.blurb-container .blurb-cta {
        color: #636363
    }

.gcss-theme-dark.blurb-container {
    background-color: #3e3e3e
}

    .gcss-theme-dark.blurb-container .passive-video-container video {
        background-color: #000
    }

    .gcss-theme-dark.blurb-container .blurb-title,
    .gcss-theme-dark.blurb-container .description {
        color: #fff
    }

    .gcss-theme-dark.blurb-container .blurb-cta {
        color: #bfbfbf
    }

.capability-widget .faded-out {
    opacity: 0
}

.capability-widget .faded-in {
    opacity: 1
}

.capability-widget .capability-widget-wrapper {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.capability-widget .copy-row {
    padding-top: 0
}

.capability-widget .copy-block {
    position: relative
}

    .capability-widget .copy-block .copy-block-inner {
        position: relative;
        transition: opacity 2s ease-out
    }

        .capability-widget .copy-block .copy-block-inner h3 {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: .35714rem
        }

        .capability-widget .copy-block .copy-block-inner span {
            display: inline;
            font-family: Roboto
        }

            .capability-widget .copy-block .copy-block-inner span.disclosure-bubble-wrapper {
                display: inline
            }

@media screen and (max-width: 509px) {
    .capability-widget .copy-block {
        margin-bottom: .71429rem
    }

        .capability-widget .copy-block .copy-block-inner {
            position: relative;
            bottom: auto;
            left: auto
        }
}

@media screen and (min-width: 510px) {
    .capability-widget .image-block {
        max-width: 6.78571rem
    }
}

.capability-widget .image-block div {
    transition: opacity 2s ease-out
}

@media screen and (max-width: 699px) {
    .capability-widget .icon-block {
        display: none
    }
}

.capability-widget .icon-block div {
    transition: opacity 2s ease-out
}

@media screen and (max-width: 509px) {
    .capability-widget .icon-block div .responsive-img img {
        float: right
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .capability-widget .icon-block div .responsive-img img {
        max-width: 80%
    }
}

@media screen and (min-width: 700px) {
    .capability-widget .guiderow .data-block {
        position: relative
    }

        .capability-widget .guiderow .data-block .sdp-grid {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

        .capability-widget .guiderow .data-block .copy-block-inner {
            position: absolute;
            bottom: 0;
            left: 0
        }
}

.capability-widget .unit-block {
    position: relative
}

    .capability-widget .unit-block .upperPrefix {
        position: absolute;
        top: -1.42857rem;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1.42857
    }

    .capability-widget .unit-block .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.85714rem;
        font-weight: 700;
        font-family: Roboto;
        font-weight: 100;
        position: absolute;
        bottom: 0;
        right: 0
    }

@media screen and (max-width: 699px) {
    .capability-widget .unit-block .value {
        font-size: 2.14286rem
    }
}

.capability-widget .unit-block .value .units {
    text-transform: uppercase
}

.capability-widget .unit-block .value sup {
    font-size: 1rem;
    line-height: 1.42857;
    top: -1.28571rem;
    font-weight: 100
}

.capability-widget .unit-block .value .disclosure-bubble-wrapper {
    font-size: 1rem;
    line-height: 1.42857;
    position: relative;
    top: -1.42857rem;
    margin-left: .14286rem
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .capability-widget .unit-block {
        text-align: left;
        margin-top: .71429rem
    }

        .capability-widget .unit-block.upper-prefix {
            margin-top: 2.14286rem
        }

        .capability-widget .unit-block .value {
            position: relative;
            bottom: auto;
            right: auto
        }

            .capability-widget .unit-block .value sup {
                top: -.64286rem
            }
}

@media screen and (max-width: 509px) {
    .capability-widget .unit-block.upper-prefix {
        margin-top: 1.42857rem
    }

    .capability-widget .unit-block .value {
        position: relative;
        bottom: auto;
        right: auto
    }

        .capability-widget .unit-block .value sup {
            top: -.64286rem
        }

        .capability-widget .unit-block .value .disclosure-bubble-wrapper {
            top: -1.07143rem
        }
}

.capability-widget .progress-bar .progress-bar-outer {
    transition: opacity 2s ease-out;
    height: .71429rem;
    position: relative
}

    .capability-widget .progress-bar .progress-bar-outer .progress-inner {
        width: 100%;
        max-width: 0;
        height: .71429rem;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 0;
        transition: max-width 2s ease-out
    }

@media screen and (max-width: 699px) {
    .capability-widget .progress-bar {
        padding-bottom: .71429rem
    }
}

@media screen and (min-width: 1005px) {
    .capability-widget .content-grid,
    .capability-widget .content-grid .copy-row {
        height: 100%
    }

        .capability-widget .content-grid .copy-row .icon-block {
            position: relative
        }

            .capability-widget .content-grid .copy-row .icon-block .icon-block-inner {
                position: absolute;
                bottom: 0;
                right: 0;
                height: 100%;
                width: 100%
            }
}

.gcss-theme-light.capability-widget .copy-block .copy-block-inner h3,
.gcss-theme-light.capability-widget .copy-block .copy-block-inner p,
.gcss-theme-light.capability-widget .copy-block .copy-block-inner span {
    color: #000
}

.gcss-theme-light.capability-widget .copy-block .copy-block-inner .disclosure-bubble-wrapper .bubble {
    display: inline-block
}

    .gcss-theme-light.capability-widget .copy-block .copy-block-inner .disclosure-bubble-wrapper .bubble .bubble-number {
        color: #fff;
        vertical-align: middle
    }

.gcss-theme-light.capability-widget .unit-block .value,
.gcss-theme-light.capability-widget .unit-block sup {
    color: #000
}

.gcss-theme-light.capability-widget .progress-bar .progress-bar-outer {
    background-color: #d1d1d1
}

.gcss-theme-light.capability-widget .progress-bar .progress-inner {
    background-color: #700000;
    border-top: .71429rem solid #700000;
    border-right: .71429rem solid #d1d1d1
}

.gcss-theme-dark.capability-widget .copy-block .copy-block-inner h3,
.gcss-theme-dark.capability-widget .copy-block .copy-block-inner p,
.gcss-theme-dark.capability-widget .copy-block .copy-block-inner span {
    color: #fff
}

.gcss-theme-dark.capability-widget .copy-block .copy-block-inner .disclosure-bubble-wrapper .bubble {
    display: inline-block
}

    .gcss-theme-dark.capability-widget .copy-block .copy-block-inner .disclosure-bubble-wrapper .bubble .bubble-number {
        color: #000;
        vertical-align: middle
    }

.gcss-theme-dark.capability-widget .unit-block .value,
.gcss-theme-dark.capability-widget .unit-block sup {
    color: #fff
}

.gcss-theme-dark.capability-widget .progress-bar .progress-bar-outer {
    background-color: #3e3e3e
}

.gcss-theme-dark.capability-widget .progress-bar .progress-inner {
    background-color: #ba3b00;
    border-top: .71429rem solid #ba3b00;
    border-right: .71429rem solid #3e3e3e
}

.incentive-wrapper {
    padding: 0;
    margin: 0
}

    .incentive-wrapper .incentive-container {
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .incentive-wrapper .incentive-container .title {
            margin-bottom: .71429rem;
            text-align: left;
            font-family: Roboto;
            font-size: .85714rem;
            font-weight: 700
        }

        .incentive-wrapper .incentive-container .value-details {
            margin-bottom: .71429rem;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-family: Roboto;
            font-size: 1.78571rem;
            font-weight: 700
        }

            .incentive-wrapper .incentive-container .value-details.stacked {
                display: block;
                -webkit-align-items: inherit;
                -ms-flex-align: inherit;
                align-items: inherit
            }

                .incentive-wrapper .incentive-container .value-details.stacked .value {
                    display: block;
                    margin-bottom: .71429rem
                }

            .incentive-wrapper .incentive-container .value-details .value {
                margin-right: .71429rem
            }

@media screen and (max-width: 509px) {
    .incentive-wrapper .incentive-container .value-details .value {
        margin-right: 1.42857rem
    }
}

.incentive-wrapper .incentive-container .value-details .label {
    display: block;
    font-size: .85714rem
}

    .incentive-wrapper .incentive-container .value-details .label .disclosure-bubble {
        margin-left: .35714rem;
        display: inline-block
    }

.incentive-wrapper .incentive-container .value-details .disclosure-bubble-wrapper {
    margin-left: 3px
}

.incentive-wrapper .incentive-container .details {
    margin-bottom: .71429rem;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.incentive-wrapper.center,
.incentive-wrapper.center .title {
    text-align: center
}

    .incentive-wrapper.center .incentive-container .value-details {
        display: block
    }

        .incentive-wrapper.center .incentive-container .value-details .value {
            display: inline-block
        }

        .incentive-wrapper.center .incentive-container .value-details .label {
            display: inline-block;
            vertical-align: middle
        }

        .incentive-wrapper.center .incentive-container .value-details.stacked {
            display: block;
            -webkit-align-items: inherit;
            -ms-flex-align: inherit;
            align-items: inherit
        }

            .incentive-wrapper.center .incentive-container .value-details.stacked .value {
                display: block;
                margin-bottom: .71429rem
            }

            .incentive-wrapper.center .incentive-container .value-details.stacked .label {
                display: block
            }

.gcss-theme-light.incentive-wrapper,
.gcss-theme-light.incentive-wrapper .title,
.gcss-theme-light.incentive-wrapper .value-details .label,
.gcss-theme-light.incentive-wrapper .value-details .value {
    color: #000
}

    .gcss-theme-light.incentive-wrapper .details {
        color: #636363
    }

.gcss-theme-dark.incentive-wrapper,
.gcss-theme-dark.incentive-wrapper .title,
.gcss-theme-dark.incentive-wrapper .value-details .label,
.gcss-theme-dark.incentive-wrapper .value-details .value {
    color: #fff
}

    .gcss-theme-dark.incentive-wrapper .details {
        color: #bfbfbf
    }

.incentives-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .incentives-container.incentive-single,
    .incentives-container.incentive-single .value-details {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .incentives-container.incentive-single.align-center .incentive-wrapper .details,
        .incentives-container.incentive-single.align-center .incentive-wrapper .title {
            text-align: center
        }

    .incentives-container.incentive-paired {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .incentives-container.incentive-paired .incentives-content {
            min-width: 100px;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .incentives-container.incentive-paired .separator:empty {
            display: none
        }

    .incentives-container.align-left,
    .incentives-container.align-left .value-details {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .incentives-container.align-center,
    .incentives-container.align-center .value-details {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .incentives-container .separator {
        text-transform: uppercase;
        margin: 0 2.14286rem;
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }

@media screen and (max-width: 509px) {
    .incentives-container .separator {
        margin: 0 1.21429rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .incentives-container .separator {
        margin: 0 1.57143rem
    }
}

.comparison-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .comparison-container .comparison-left,
    .comparison-container .comparison-right {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .comparison-container .comparison-content {
        max-width: 100%;
        height: 100%
    }

    .comparison-container .comparison-divider {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        text-align: center;
        max-width: 3.57143rem
    }

        .comparison-container .comparison-divider .comparison-line {
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .comparison-container .comparison-divider .comparison-text-wrapper {
            text-align: center;
            word-wrap: break-word;
            padding-top: .57143rem;
            padding-bottom: .57143rem;
            font-family: Roboto;
            font-size: 1.42857rem;
            font-weight: 700;
            line-height: 1.2
        }

@media screen and (max-width: 699px) {
    .comparison-container .comparison-divider .comparison-text-wrapper {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: .35714rem;
        padding-bottom: .35714rem
    }
}

.comparison-container .comparison-divider .comparison-text-wrapper:empty {
    padding: 0
}

.comparison-container .comparisonrow-centered {
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

    .comparison-container .comparisonrow-centered .comparison-divider {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }

    .comparison-container .comparisonrow-centered .comparison-left .comparison-content,
    .comparison-container .comparisonrow-centered .comparison-right .comparison-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        resize: both;
        color: #636363;
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }

.comparison-container .comparisonrow-middle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

    .comparison-container .comparisonrow-middle .comparison-divider {
        padding-right: 4.64286rem;
        padding-left: 4.64286rem
    }

@media screen and (min-width: 510px) and (max-width: 699px) {
    .comparison-container .comparisonrow-middle .comparison-divider {
        padding-left: 2.85714rem;
        padding-right: 2.85714rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .comparison-container .comparisonrow-middle .comparison-divider {
        padding-right: 3.92857rem;
        padding-left: 3.92857rem
    }
}

@media screen and (max-width: 509px) {
    .comparison-container .comparisonrow-middle .comparison-divider {
        padding-right: 1.78571rem;
        padding-left: 1.78571rem
    }
}

.comparison-container .comparisonrow-middle .comparison-divider .comparison-text {
    padding-top: .57143rem;
    padding-bottom: .57143rem
}

.comparison-container .comparisonrow-middle .comparison-right .comparison-content {
    float: left;
    text-align: left
}

.comparison-container .comparisonrow-middle .comparison-left .comparison-content {
    float: right;
    text-align: right
}

.comparison-container.gcss-theme-light .comparison-line {
    border: .07143rem solid #636363
}

.comparison-container.gcss-theme-light .comparison-text-wrapper {
    color: #636363
}

.comparison-container.gcss-theme-dark .comparison-line {
    border: .07143rem solid #7c7c7c
}

.comparison-container.gcss-theme-dark .comparison-text-wrapper {
    color: #7c7c7c
}

.vehicle-navigation .comparison-content {
    height: 100%
}

.vehicle-navigation .comparison-left {
    margin: auto
}

.vertical-bargraph-group-wrapper {
    height: 23.21429rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper {
        height: 15.71429rem
    }
}

.vertical-bargraph-group-wrapper .bar {
    margin: 0 1.07143rem;
    transition: all 2s ease;
    position: relative;
    text-align: center
}

    .vertical-bargraph-group-wrapper .bar label,
    .vertical-bargraph-group-wrapper .bar span {
        width: 100%;
        display: block
    }

    .vertical-bargraph-group-wrapper .bar .top-box {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0
    }

        .vertical-bargraph-group-wrapper .bar .top-box span {
            font-family: Roboto;
            font-size: 2.85714rem;
            font-weight: 900
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper .bar .top-box span {
        font-family: Roboto;
        font-size: 2.28571rem;
        font-weight: 700
    }
}

.vertical-bargraph-group-wrapper .bar .top-box label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900;
    padding-top: .28571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper .bar .top-box label {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.vertical-bargraph-group-wrapper .bar .bottom-box {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding-bottom: 1.42857rem;
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper .bar .bottom-box {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

.vertical-bargraph-group-wrapper.single-type .bar {
    width: 17.14286rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.single-type .bar {
        width: 7.14286rem
    }
}

.vertical-bargraph-group-wrapper.single-type .bar .top-box span {
    padding-top: 1.78571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.single-type .bar .top-box span {
        padding-top: 1.07143rem
    }
}

.vertical-bargraph-group-wrapper.single-type .bar .top-box label {
    padding-top: .28571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.single-type .bar .top-box label {
        padding-top: .21429rem
    }
}

.vertical-bargraph-group-wrapper.single-type .bar .bottom-box {
    padding-bottom: 1.78571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.single-type .bar .bottom-box {
        padding-bottom: 1.07143rem
    }
}

.vertical-bargraph-group-wrapper.double-type .bar {
    width: 10rem;
    margin: 0 .71429rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.double-type .bar {
        width: 6.42857rem;
        margin: 0 .53571rem
    }
}

.vertical-bargraph-group-wrapper.double-type .bar .top-box span {
    padding-top: 1.78571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.double-type .bar .top-box span {
        padding-top: 1.07143rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.double-type .bar .top-box label {
        padding-top: .21429rem
    }
}

.vertical-bargraph-group-wrapper.double-type .bar .bottom-box {
    padding-bottom: 1.78571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.double-type .bar .bottom-box {
        padding-bottom: 1.07143rem
    }
}

.vertical-bargraph-group-wrapper.triple-type .bar {
    width: 7.14286rem;
    margin: 0 .53571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.triple-type .bar {
        width: 5rem;
        margin: 0 .35714rem
    }
}

.vertical-bargraph-group-wrapper.triple-type .bar .top-box span {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 700;
    padding-top: 1.42857rem;
    padding-bottom: 0
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.triple-type .bar .top-box span {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.vertical-bargraph-group-wrapper.triple-type .bar .top-box label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.triple-type .bar .top-box label {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: .21429rem
    }
}

.vertical-bargraph-group-wrapper.triple-type .bar .bottom-box {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 1.42857rem;
    word-wrap: break-word;
    word-spacing: .57143rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical-bargraph-group-wrapper.triple-type .bar .bottom-box {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-bottom: 1.07143rem
    }
}

.vertical-bargraph-group-wrapper.gcss-theme-light.primary .bar {
    background-color: #700000;
    color: #000
}

    .vertical-bargraph-group-wrapper.gcss-theme-light.primary .bar .bottom-box,
    .vertical-bargraph-group-wrapper.gcss-theme-light.primary .bar .top-box label,
    .vertical-bargraph-group-wrapper.gcss-theme-light.primary .bar .top-box span {
        color: #fff
    }

.vertical-bargraph-group-wrapper.gcss-theme-light.secondary .bar {
    background-color: #bfbfbf
}

    .vertical-bargraph-group-wrapper.gcss-theme-light.secondary .bar .bottom-box,
    .vertical-bargraph-group-wrapper.gcss-theme-light.secondary .bar .top-box label,
    .vertical-bargraph-group-wrapper.gcss-theme-light.secondary .bar .top-box span {
        color: #3e3e3e
    }

.vertical-bargraph-group-wrapper.gcss-theme-dark.primary .bar {
    background-color: #ba3b00;
    color: #fff
}

    .vertical-bargraph-group-wrapper.gcss-theme-dark.primary .bar .bottom-box,
    .vertical-bargraph-group-wrapper.gcss-theme-dark.primary .bar .top-box label,
    .vertical-bargraph-group-wrapper.gcss-theme-dark.primary .bar .top-box span {
        color: #fff
    }

.vertical-bargraph-group-wrapper.gcss-theme-dark.secondary .bar {
    background-color: #3e3e3e
}

    .vertical-bargraph-group-wrapper.gcss-theme-dark.secondary .bar .bottom-box,
    .vertical-bargraph-group-wrapper.gcss-theme-dark.secondary .bar .top-box label,
    .vertical-bargraph-group-wrapper.gcss-theme-dark.secondary .bar .top-box span {
        color: #bfbfbf
    }

.head-to-head-bargraph-wrapper .title {
    padding-bottom: 1.07143rem;
    text-align: center;
    width: 100%;
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .title {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-bottom: .85714rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .title {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-bottom: .71429rem
    }
}

.head-to-head-bargraph-wrapper .graph-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .head-to-head-bargraph-wrapper .graph-content .divider {
        height: 5.71429rem;
        border: .07143rem solid
    }

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .divider {
        height: 4.64286rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .divider {
        height: 3.21429rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .content-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper {
    bottom: .85714rem;
    width: 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper {
        bottom: .57143rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar {
    float: right;
    transition: width 2s;
    height: 3.92857rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar {
        height: 3.21429rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar {
        height: 2.14286rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-value {
    color: #fff;
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-left: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-value {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-value {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-left: .71429rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-unit {
    color: #fff;
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-left: .57143rem
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-unit {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-left: .42857rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .primary-bar-wrapper .primary-bar .primary-bar-unit {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-left: .28571rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper {
    bottom: .85714rem;
    width: 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper {
        bottom: .57143rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar {
    transition: width 2s;
    height: 3.92857rem;
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar {
        height: 3.21429rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar {
        height: 2.14286rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-value {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-right: .57143rem
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-value {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-right: .42857rem
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-value {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-right: .28571rem
    }
}

.head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-unit {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-right: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-unit {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }
}

@media screen and (max-width: 509px) {
    .head-to-head-bargraph-wrapper .graph-content .secondary-bar-wrapper .secondary-bar .secondary-bar-unit {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-right: .71429rem
    }
}

.head-to-head-bargraph-wrapper.gcss-theme-light .title {
    color: #000
}

.head-to-head-bargraph-wrapper.gcss-theme-light .primary-bar {
    background-color: #700000
}

.head-to-head-bargraph-wrapper.gcss-theme-light .secondary-bar {
    background-color: #bfbfbf
}

    .head-to-head-bargraph-wrapper.gcss-theme-light .secondary-bar .secondary-bar-unit,
    .head-to-head-bargraph-wrapper.gcss-theme-light .secondary-bar .secondary-bar-value {
        color: #3e3e3e
    }

.head-to-head-bargraph-wrapper.gcss-theme-light .divider {
    border-color: #bfbfbf
}

.head-to-head-bargraph-wrapper.gcss-theme-dark .title {
    color: #fff
}

.head-to-head-bargraph-wrapper.gcss-theme-dark .primary-bar {
    background-color: #ba3b00
}

.head-to-head-bargraph-wrapper.gcss-theme-dark .secondary-bar {
    background-color: #3e3e3e
}

    .head-to-head-bargraph-wrapper.gcss-theme-dark .secondary-bar .secondary-bar-unit,
    .head-to-head-bargraph-wrapper.gcss-theme-dark .secondary-bar .secondary-bar-value {
        color: #bfbfbf
    }

.head-to-head-bargraph-wrapper.gcss-theme-dark .divider {
    border-color: #bfbfbf
}

.graph-container svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.graph-container .donut-segment {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: linear;
    animation-direction: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    stroke-dasharray: 113.04
}

.graph-container .labels {
    text-align: center
}

.graph-container .graph-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

    .graph-container .graph-content .graph-content-wrapper {
        position: relative
    }

        .graph-container .graph-content .graph-content-wrapper .specs-wrapper {
            position: absolute;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0
        }

    .graph-container .graph-content .specs {
        text-align: center
    }

        .graph-container .graph-content .specs .unit {
            text-transform: uppercase
        }

.graph-container text {
    font-size: .35714rem;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.graph-container.small .specs {
    top: 4.5rem
}

@media screen and (max-width: 699px) {
    .graph-container.small .specs {
        top: 3.42857rem
    }
}

@media screen {
    .graph-container.small .specs .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }
}

@media screen and (max-width: 699px) {
    .graph-container.small .specs .value {
        font-size: 1.57143rem;
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }
}

@media screen and (max-width: 699px) and (max-width: 699px) {
    .graph-container.small .specs .value {
        font-size: 1.57143rem
    }
}

@media screen {
    .graph-container.small .specs .unit {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: 0
    }
}

@media screen and (max-width: 699px) {
    .graph-container.small .specs .unit {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

@media screen {
    .graph-container.small .label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.small .label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

@media screen {
    .graph-container.small .vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.07143rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.small .vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

@media screen {
    .graph-container.small .trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.small .trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.graph-container.medium .specs {
    top: 5.28571rem
}

@media screen and (max-width: 699px) {
    .graph-container.medium .specs {
        top: 3.71429rem
    }
}

@media screen {
    .graph-container.medium .specs .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.85714rem;
        font-weight: 700
    }
}

@media screen and (max-width: 699px) {
    .graph-container.medium .specs .value {
        font-size: 2.14286rem;
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.85714rem;
        font-weight: 700
    }
}

@media screen and (max-width: 699px) and (max-width: 699px) {
    .graph-container.medium .specs .value {
        font-size: 2.14286rem
    }
}

@media screen {
    .graph-container.medium .specs .unit {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: .14286rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.medium .specs .unit {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-top: 0
    }
}

@media screen {
    .graph-container.medium .label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.medium .label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

@media screen {
    .graph-container.medium .vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.78571rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.medium .vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

@media screen {
    .graph-container.medium .trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 699px) {
    .graph-container.medium .trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.graph-container.large .specs {
    top: 8.85714rem
}

@media screen and (max-width: 1004px) {
    .graph-container.large .specs {
        top: 6.42857rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .specs {
        top: 3.42857rem
    }
}

@media screen {
    .graph-container.large .specs .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 3.57143rem;
        font-weight: 700
    }
}

@media screen and (max-width: 699px) {
    .graph-container.large .specs .value {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 1004px) {
    .graph-container.large .specs .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.85714rem;
        font-weight: 700
    }
}

@media screen and (max-width: 1004px) and (max-width: 699px) {
    .graph-container.large .specs .value {
        font-size: 2.14286rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .specs .value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }
}

@media screen and (max-width: 509px) and (max-width: 699px) {
    .graph-container.large .specs .value {
        font-size: 1.57143rem
    }
}

@media screen {
    .graph-container.large .specs .unit {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: .21429rem
    }
}

@media screen and (max-width: 1004px) {
    .graph-container.large .specs .unit {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: .14286rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .specs .unit {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-top: 0
    }
}

@media screen {
    .graph-container.large .label {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 2.85714rem;
        text-transform: uppercase
    }
}

@media screen and (max-width: 1004px) {
    .graph-container.large .label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: 2.14286rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-top: 1.42857rem
    }
}

@media screen {
    .graph-container.large .vehicle {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-top: 2.14286rem;
        text-transform: uppercase
    }
}

@media screen and (max-width: 1004px) {
    .graph-container.large .vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

@media screen {
    .graph-container.large .trim {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400;
        padding-top: .71429rem
    }
}

@media screen and (max-width: 1004px) {
    .graph-container.large .trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 509px) {
    .graph-container.large .trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.graph-container.gcss-theme-light.primary .donut-ring {
    stroke: #700000
}

.graph-container.gcss-theme-light.primary .donut-segment {
    stroke: #bfbfbf
}

.graph-container.gcss-theme-light.primary .label,
.graph-container.gcss-theme-light.primary .trim,
.graph-container.gcss-theme-light.primary .unit,
.graph-container.gcss-theme-light.primary .value,
.graph-container.gcss-theme-light.primary .vehicle {
    color: #000
}

.graph-container.gcss-theme-light.secondary .donut-ring {
    stroke: #636363
}

.graph-container.gcss-theme-light.secondary .donut-segment {
    stroke: #bfbfbf
}

.graph-container.gcss-theme-light.secondary .label,
.graph-container.gcss-theme-light.secondary .trim,
.graph-container.gcss-theme-light.secondary .unit,
.graph-container.gcss-theme-light.secondary .value,
.graph-container.gcss-theme-light.secondary .vehicle {
    color: #3e3e3e
}

.graph-container.gcss-theme-dark.primary .donut-ring {
    stroke: #ba3b00
}

.graph-container.gcss-theme-dark.primary .donut-segment {
    stroke: #3e3e3e
}

.graph-container.gcss-theme-dark.primary .label,
.graph-container.gcss-theme-dark.primary .trim,
.graph-container.gcss-theme-dark.primary .unit,
.graph-container.gcss-theme-dark.primary .value,
.graph-container.gcss-theme-dark.primary .vehicle {
    color: #fff
}

.graph-container.gcss-theme-dark.secondary .donut-ring {
    stroke: #7c7c7c
}

.graph-container.gcss-theme-dark.secondary .donut-segment {
    stroke: #3e3e3e
}

.graph-container.gcss-theme-dark.secondary .label,
.graph-container.gcss-theme-dark.secondary .trim,
.graph-container.gcss-theme-dark.secondary .unit,
.graph-container.gcss-theme-dark.secondary .value,
.graph-container.gcss-theme-dark.secondary .vehicle {
    color: #bfbfbf
}

.dimension-wrapper {
    height: 100%
}

    .dimension-wrapper .icon-arrow {
        fill: transparent
    }

    .dimension-wrapper .dimension-details .dimension-label,
    .dimension-wrapper .dimension-details .dimension-vehicle {
        display: block;
        text-transform: uppercase
    }

    .dimension-wrapper .dimension-details .dimension-trim {
        display: block
    }

    .dimension-wrapper.get-model-center .dimension-details {
        text-align: center
    }

    .dimension-wrapper.get-model-center .horizontal-arrow .arrow-horizontal-long,
    .dimension-wrapper.get-model-center .horizontal-arrow .arrow-horizontal-short {
        margin: auto
    }

    .dimension-wrapper.get-model-center.get-model-primary .vertical-arrow {
        float: left
    }

    .dimension-wrapper.get-model-center.get-model-primary.get-model-small .vertical-arrow {
        padding-right: 1.42857rem
    }

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-center.get-model-primary.get-model-small .vertical-arrow {
        padding-right: 1.07143rem
    }
}

.dimension-wrapper.get-model-center.get-model-primary.get-model-large .vertical-arrow {
    padding-right: 2.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-center.get-model-primary.get-model-large .vertical-arrow {
        padding-right: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-center.get-model-primary.get-model-large .vertical-arrow {
        padding-right: 1.07143rem
    }
}

.dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper .vertical-arrow {
        float: right
    }

    .dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper.get-model-small .vertical-arrow {
        padding-left: 1.42857rem
    }

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper.get-model-small .vertical-arrow {
        padding-left: 1.07143rem
    }
}

.dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper.get-model-large .vertical-arrow {
    padding-left: 2.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper.get-model-large .vertical-arrow {
        padding-left: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-center.get-model-secondary.dimension-wrapper.get-model-large .vertical-arrow {
        padding-left: 1.07143rem
    }
}

.dimension-wrapper.get-model-middle.get-model-primary .vertical-arrow {
    float: left
}

.dimension-wrapper.get-model-middle.get-model-primary.get-model-small .vertical-arrow {
    padding-right: 1.42857rem
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-middle.get-model-primary.get-model-small .vertical-arrow {
        padding-right: 1.07143rem
    }
}

.dimension-wrapper.get-model-middle.get-model-primary.get-model-large .vertical-arrow {
    padding-right: 2.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-middle.get-model-primary.get-model-large .vertical-arrow {
        padding-right: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-middle.get-model-primary.get-model-large .vertical-arrow {
        padding-right: 1.07143rem
    }
}

.dimension-wrapper.get-model-middle.get-model-primary .dimension-details {
    text-align: right
}

.dimension-wrapper.get-model-middle.get-model-secondary.dimension-wrapper {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .dimension-wrapper.get-model-middle.get-model-secondary.dimension-wrapper .vertical-arrow {
        float: right
    }

    .dimension-wrapper.get-model-middle.get-model-secondary.dimension-wrapper .dimension-details {
        text-align: left
    }

.dimension-wrapper.get-model-middle.get-model-secondary.get-model-small .vertical-arrow {
    padding-left: 1.42857rem
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-middle.get-model-secondary.get-model-small .vertical-arrow {
        padding-left: 1.07143rem
    }
}

.dimension-wrapper.get-model-middle.get-model-secondary.get-model-large .vertical-arrow {
    padding-left: 2.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-middle.get-model-secondary.get-model-large .vertical-arrow {
        padding-left: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-middle.get-model-secondary.get-model-large .vertical-arrow {
        padding-left: 1.07143rem
    }
}

.dimension-wrapper.get-model-middle.get-model-vertical .vertical-arrow .arrow-vertical-long,
.dimension-wrapper.get-model-middle.get-model-vertical .vertical-arrow .arrow-vertical-short {
    float: right
}

.dimension-wrapper.get-model-horizontal .dimension-details {
    clear: both
}

.dimension-wrapper.get-model-horizontal .vertical-arrow {
    display: none
}

.dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow {
    padding-bottom: 1.07143rem
}

    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-long {
        width: 12.85714rem
    }

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-long {
        width: 12.85714rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-long {
        width: 7.35714rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-long {
        width: 7.35714rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-long .icon-dimensions-horizontal-arrow-long {
    width: 100%
}

.dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-short {
    width: 9.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-short {
        width: 9.85714rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-short {
        width: 5.64286rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-short {
        width: 5.64286rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .horizontal-arrow .arrow-horizontal-short .icon-dimensions-horizontal-arrow-short {
    width: 100%
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details {
    padding-top: .64286rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details {
        padding-top: .64286rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details .dimension-value {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details .dimension-unit {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-vehicle {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 1.07143rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-trim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .57143rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-small .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow {
    padding-bottom: 2.14286rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow {
        padding-bottom: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow {
        padding-bottom: 1.07143rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-long {
    width: 18.35714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-long {
        width: 14.71429rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-long {
        width: 14.71429rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-long {
        width: 7.35714rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-long .icon-dimensions-horizontal-arrow-long {
    width: 100%
}

.dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-short {
    width: 14.07143rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-short {
        width: 11.28571rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-short {
        width: 11.28571rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-short {
        width: 5.64286rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .horizontal-arrow .arrow-horizontal-short .icon-dimensions-horizontal-arrow-short {
    width: 100%
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-label {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details {
    padding-top: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details {
        padding-top: .85714rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details {
        padding-left: .64286rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-value {
    font-family: Roboto;
    font-size: 4.64286rem;
    font-weight: 900
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-unit {
    font-family: Roboto;
    font-size: 4.64286rem;
    font-weight: 900
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-vehicle {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-top: 1.78571rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-trim {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-horizontal.get-model-large .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.dimension-wrapper.get-model-vertical {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .dimension-wrapper.get-model-vertical .horizontal-arrow {
        display: none
    }

    .dimension-wrapper.get-model-vertical .vertical-arrow {
        display: block
    }

    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-long {
        height: 9.57143rem
    }

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-long {
        height: 9.57143rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-long {
        height: 5.5rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-long {
        height: 5.5rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-long .icon-dimensions-vertical-arrow-long {
    height: 100%;
    width: 2.14286rem
}

.dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-short {
    height: 6.85714rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-short {
        height: 6.85714rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-short {
        height: 3.92857rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-short {
        height: 3.92857rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .vertical-arrow .arrow-vertical-short .icon-dimensions-vertical-arrow-short {
    height: 100%;
    width: 2.14286rem
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details {
    padding-top: .64286rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details {
        padding-top: .64286rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details .dimension-value {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details .dimension-unit {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-vehicle {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 1.07143rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-trim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .57143rem
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-small .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-long {
    height: 13.71429rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-long {
        height: 11rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-long {
        height: 11rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-long {
        height: 5.5rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-long .icon-dimensions-vertical-arrow-long {
    height: 100%;
    width: 2.14286rem
}

.dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-short {
    height: 9.78571rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-short {
        height: 7.85714rem
    }
}

@media screen and (max-width: 699px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-short {
        height: 7.85714rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-short {
        height: 3.92857rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .vertical-arrow .arrow-vertical-short .icon-dimensions-vertical-arrow-short {
    height: 100%;
    width: 2.14286rem
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-label {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details {
    padding-top: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details {
        padding-top: .85714rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details {
        padding-left: .64286rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-value {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-unit {
    font-family: Roboto;
    font-size: 3.57143rem;
    font-weight: 900
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .value-details .dimension-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-vehicle {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-top: 1.78571rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-trim {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 509px) {
    .dimension-wrapper.get-model-vertical.get-model-large .dimension-details .dimension-trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.dimension-wrapper.gcss-theme-light.get-model-primary .horizontal-arrow {
    fill: #700000
}

    .dimension-wrapper.gcss-theme-light.get-model-primary .horizontal-arrow .arrow-line-vertical {
        border-top: 1px solid #700000
    }

.dimension-wrapper.gcss-theme-light.get-model-primary .vertical-arrow {
    fill: #700000
}

.dimension-wrapper.gcss-theme-light.get-model-primary .dimension-label {
    color: #000
}

.dimension-wrapper.gcss-theme-light.get-model-primary .value-details {
    color: #700000
}

.dimension-wrapper.gcss-theme-light.get-model-primary .dimension-trim,
.dimension-wrapper.gcss-theme-light.get-model-primary .dimension-vehicle {
    color: #000
}

.dimension-wrapper.gcss-theme-light.get-model-secondary .horizontal-arrow {
    fill: #636363
}

    .dimension-wrapper.gcss-theme-light.get-model-secondary .horizontal-arrow .arrow-line-vertical {
        border-top: 1px solid #636363
    }

.dimension-wrapper.gcss-theme-light.get-model-secondary .vertical-arrow {
    fill: #636363
}

.dimension-wrapper.gcss-theme-light.get-model-secondary .dimension-label {
    color: #3e3e3e
}

.dimension-wrapper.gcss-theme-light.get-model-secondary .value-details {
    color: #636363
}

.dimension-wrapper.gcss-theme-light.get-model-secondary .dimension-trim,
.dimension-wrapper.gcss-theme-light.get-model-secondary .dimension-vehicle {
    color: #3e3e3e
}

.dimension-wrapper.gcss-theme-dark.get-model-primary .horizontal-arrow {
    fill: #ba3b00
}

    .dimension-wrapper.gcss-theme-dark.get-model-primary .horizontal-arrow .arrow-line-vertical {
        border-top: 1px solid #ba3b00
    }

.dimension-wrapper.gcss-theme-dark.get-model-primary .vertical-arrow {
    fill: #ba3b00
}

.dimension-wrapper.gcss-theme-dark.get-model-primary .dimension-label {
    color: #fff
}

.dimension-wrapper.gcss-theme-dark.get-model-primary .value-details {
    color: #ba3b00
}

.dimension-wrapper.gcss-theme-dark.get-model-primary .dimension-trim,
.dimension-wrapper.gcss-theme-dark.get-model-primary .dimension-vehicle {
    color: #fff
}

.dimension-wrapper.gcss-theme-dark.get-model-secondary .horizontal-arrow {
    fill: #7c7c7c
}

    .dimension-wrapper.gcss-theme-dark.get-model-secondary .horizontal-arrow .arrow-line-vertical {
        border-top: 1px solid #7c7c7c
    }

.dimension-wrapper.gcss-theme-dark.get-model-secondary .vertical-arrow {
    fill: #7c7c7c
}

.dimension-wrapper.gcss-theme-dark.get-model-secondary .dimension-label {
    color: #bfbfbf
}

.dimension-wrapper.gcss-theme-dark.get-model-secondary .value-details {
    color: #7c7c7c
}

.dimension-wrapper.gcss-theme-dark.get-model-secondary .dimension-trim,
.dimension-wrapper.gcss-theme-dark.get-model-secondary .dimension-vehicle {
    color: #bfbfbf
}

.numeric-visual-wrapper .numeric-label,
.numeric-visual-wrapper .numeric-value {
    text-transform: uppercase
}

.numeric-visual-wrapper.get-numeric-center {
    text-align: center
}

.numeric-visual-wrapper.get-numeric-left {
    text-align: left
}

.numeric-visual-wrapper.get-numeric-small .numeric-label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900;
    padding-bottom: .64286rem
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-bottom: .64286rem
    }
}

.numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-icon {
    font-size: 2rem
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-icon {
        font-size: 1.42857rem
    }
}

.numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-value {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 900;
    padding-left: .71429rem
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-left: .71429rem
    }
}

.numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-unit {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 900
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-details .numeric-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.numeric-visual-wrapper.get-numeric-small .numeric-vehicle {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 1.07143rem
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.numeric-visual-wrapper.get-numeric-small .numeric-trimc {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .57143rem
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-small .numeric-trimc {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-label {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-bottom: .85714rem
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-bottom: .64286rem
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-icon {
    font-size: 3.57143rem
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-icon {
        font-size: 2.85714rem
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-icon {
        font-size: 1.42857rem
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-value {
    font-family: Roboto;
    font-size: 4.64286rem;
    font-weight: 900;
    padding-left: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-value {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900;
        padding-left: 1.07143rem
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-left: .71429rem
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-unit {
    font-family: Roboto;
    font-size: 4.64286rem;
    font-weight: 900
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-unit {
        font-family: Roboto;
        font-size: 3.57143rem;
        font-weight: 900
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-details .numeric-unit {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-vehicle {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-top: 1.78571rem
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.numeric-visual-wrapper.get-numeric-large .numeric-trimc {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-trimc {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 509px) {
    .numeric-visual-wrapper.get-numeric-large .numeric-trimc {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-label {
    color: #000
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-details .numeric-icon,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-details .numeric-unit,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-details .numeric-value {
    color: #700000
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-trimc,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-primary .numeric-vehicle {
    color: #000
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-label {
    color: #3e3e3e
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-details .numeric-icon,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-details .numeric-unit,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-details .numeric-value {
    color: #636363
}

.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-trimc,
.numeric-visual-wrapper.gcss-theme-light.get-numeric-secondary .numeric-vehicle {
    color: #3e3e3e
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-label {
    color: #fff
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-details .numeric-icon,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-details .numeric-unit,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-details .numeric-value {
    color: #ba3b00
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-trimc,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-primary .numeric-vehicle {
    color: #fff
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-label {
    color: #bfbfbf
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-details .numeric-icon,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-details .numeric-unit,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-details .numeric-value {
    color: #7c7c7c
}

.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-trimc,
.numeric-visual-wrapper.gcss-theme-dark.get-numeric-secondary .numeric-vehicle {
    color: #bfbfbf
}

.text-visual-container .label,
.text-visual-container .vehicle {
    text-transform: uppercase
}

.text-visual-container .icon-container {
    display: inline
}

    .text-visual-container .icon-container .icon {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        border-radius: 50%
    }

@media screen {
    .text-visual-container.small .label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-bottom: .64286rem
    }
}

@media screen and (max-width: 699px) {
    .text-visual-container.small .label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

@media screen {
    .text-visual-container.small .icon-container .icon {
        height: 2.28571rem;
        width: 2.28571rem
    }
}

@media screen and (max-width: 699px) {
    .text-visual-container.small .icon-container .icon {
        height: 1.57143rem;
        width: 1.57143rem
    }
}

@media screen {
    .text-visual-container.small .value {
        font-family: Roboto;
        font-size: 2.85714rem;
        font-weight: 900;
        padding-left: .71429rem
    }
}

@media screen and (max-width: 699px) {
    .text-visual-container.small .value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }
}

@media screen {
    .text-visual-container.small .vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.07143rem
    }
}

@media screen and (max-width: 699px) {
    .text-visual-container.small .vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

@media screen {
    .text-visual-container.small .trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 699px) {
    .text-visual-container.small .trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.text-visual-container.center {
    text-align: center
}

.text-visual-container.left {
    text-align: left
}

.text-visual-container.large .label {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .label {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-bottom: .85714rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-bottom: .64286rem
    }
}

.text-visual-container.large .icon-container .icon {
    height: 3.92857rem;
    width: 3.92857rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .icon-container .icon {
        height: 2.85714rem;
        width: 2.85714rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .icon-container .icon {
        height: 1.57143rem;
        width: 1.57143rem
    }
}

.text-visual-container.large .icon-container .icon:before {
    font-size: 1.92857rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .icon-container .icon:before {
        font-size: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .icon-container .icon:before {
        font-size: 1.07143rem
    }
}

.text-visual-container.large .value {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 900;
    padding-left: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .value {
        font-family: Roboto;
        font-size: 2.28571rem;
        font-weight: 700;
        padding-left: 1.07143rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .value {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-left: .71429rem
    }
}

.text-visual-container.large .vehicle {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700;
    padding-top: 1.78571rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .vehicle {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .vehicle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: 1.07143rem
    }
}

.text-visual-container.large .trim {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .text-visual-container.large .trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding-top: .57143rem
    }
}

@media screen and (max-width: 509px) {
    .text-visual-container.large .trim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

.text-visual-container.gcss-theme-light.primary .label {
    color: #000
}

.text-visual-container.gcss-theme-light.primary .icon {
    color: #700000;
    border: .14286rem solid #700000
}

.text-visual-container.gcss-theme-light.primary .value {
    color: #700000
}

.text-visual-container.gcss-theme-light.primary .trim,
.text-visual-container.gcss-theme-light.primary .vehicle {
    color: #000
}

.text-visual-container.gcss-theme-light.secondary .label {
    color: #3e3e3e
}

.text-visual-container.gcss-theme-light.secondary .icon-container .icon {
    color: #636363;
    border: .14286rem solid #636363
}

.text-visual-container.gcss-theme-light.secondary .value {
    color: #636363
}

.text-visual-container.gcss-theme-light.secondary .trim,
.text-visual-container.gcss-theme-light.secondary .vehicle {
    color: #3e3e3e
}

.text-visual-container.gcss-theme-dark.primary .label {
    color: #fff
}

.text-visual-container.gcss-theme-dark.primary .icon {
    color: #ba3b00;
    border: .14286rem solid #ba3b00
}

.text-visual-container.gcss-theme-dark.primary .value {
    color: #ba3b00
}

.text-visual-container.gcss-theme-dark.primary .trim,
.text-visual-container.gcss-theme-dark.primary .vehicle {
    color: #fff
}

.text-visual-container.gcss-theme-dark.secondary .label {
    color: #bfbfbf
}

.text-visual-container.gcss-theme-dark.secondary .icon-container .icon {
    color: #7c7c7c;
    border: .14286rem solid #7c7c7c
}

.text-visual-container.gcss-theme-dark.secondary .value {
    color: #7c7c7c
}

.text-visual-container.gcss-theme-dark.secondary .trim,
.text-visual-container.gcss-theme-dark.secondary .vehicle {
    color: #bfbfbf
}

.pictograph {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    overflow: hidden
}

    .pictograph .spacer {
        clear: both
    }

    .pictograph .cube {
        display: inline-block;
        font-size: 2.42857rem;
        width: 2.42857rem;
        height: 2.42857rem;
        margin-top: 1.07143rem
    }

@media screen and (max-width: 1004px) {
    .pictograph .cube {
        font-size: 1.42857rem;
        width: 1.42857rem;
        height: 1.42857rem;
        margin-top: .71429rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph .cube {
        font-size: .85714rem;
        width: .85714rem;
        height: .85714rem;
        margin-top: .35714rem
    }
}

.pictograph .pictograph-label {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1.42857rem;
    text-transform: uppercase
}

@media screen and (max-width: 1004px) {
    .pictograph .pictograph-label {
        font-size: 1rem;
        margin-top: 1.07143rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph .pictograph-label {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        margin-top: .71429rem
    }
}

.pictograph .pictograph-value {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    font-size: 2.85714rem;
    font-weight: 700;
    margin-top: .71429rem;
    text-transform: uppercase
}

@media screen and (max-width: 699px) {
    .pictograph .pictograph-value {
        font-size: 2.14286rem
    }
}

@media screen and (max-width: 1004px) {
    .pictograph .pictograph-value {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: .57143rem
    }
}

@media screen and (max-width: 1004px) and (max-width: 699px) {
    .pictograph .pictograph-value {
        font-size: 1.57143rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph .pictograph-value {
        margin-top: .35714rem
    }
}

.pictograph .graph-area {
    float: left;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-bottom: .35714rem;
    max-width: 24.5rem
}

@media screen and (max-width: 1004px) {
    .pictograph .graph-area {
        max-width: 15rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph .graph-area {
        max-width: 8.5rem
    }
}

.pictograph .content-area {
    border-top: .35714rem solid
}

@media screen and (max-width: 1004px) {
    .pictograph .content-area {
        border-top: .28571rem solid
    }
}

@media screen and (max-width: 509px) {
    .pictograph .content-area {
        border-top: .21429rem solid
    }
}

.pictograph.priority-primary .cube {
    float: right
}

.pictograph.priority-primary .content-area,
.pictograph.priority-primary .cube {
    text-align: right;
    margin-left: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .pictograph.priority-primary .content-area,
    .pictograph.priority-primary .cube {
        margin-left: .71429rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph.priority-primary .content-area,
    .pictograph.priority-primary .cube {
        margin-left: .35714rem
    }
}

.pictograph.priority-secondary .cube {
    float: left
}

.pictograph.priority-secondary .content-area,
.pictograph.priority-secondary .cube {
    margin-right: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .pictograph.priority-secondary .content-area,
    .pictograph.priority-secondary .cube {
        margin-right: .71429rem
    }
}

@media screen and (max-width: 509px) {
    .pictograph.priority-secondary .content-area,
    .pictograph.priority-secondary .cube {
        margin-right: .35714rem
    }
}

.pictograph.gcss-theme-light .cube {
    color: #bfbfbf
}

    .pictograph.gcss-theme-light .cube.highlighted {
        color: #700000
    }

.pictograph.gcss-theme-light .pictograph-label {
    color: #3e3e3e
}

.pictograph.gcss-theme-light .pictograph-value {
    color: #636363
}

.pictograph.gcss-theme-light .content-area {
    border-color: #636363
}

.pictograph.gcss-theme-light.priority-primary .pictograph-label {
    color: #000
}

.pictograph.gcss-theme-light.priority-primary .pictograph-value {
    color: #700000
}

.pictograph.gcss-theme-light.priority-primary .content-area {
    border-color: #700000
}

.pictograph.gcss-theme-dark .cube {
    color: #3e3e3e
}

    .pictograph.gcss-theme-dark .cube.highlighted {
        color: #ba3b00
    }

.pictograph.gcss-theme-dark .pictograph-label {
    color: #bfbfbf
}

.pictograph.gcss-theme-dark .pictograph-value {
    color: #7c7c7c
}

.pictograph.gcss-theme-dark .content-area {
    border-color: #7c7c7c
}

.pictograph.gcss-theme-dark.priority-primary .pictograph-label {
    color: #fff
}

.pictograph.gcss-theme-dark.priority-primary .pictograph-value {
    color: #ba3b00
}

.pictograph.gcss-theme-dark.priority-primary .content-area {
    border-color: #ba3b00
}

@-webkit-keyframes dropHeader {
    0% {
        width: 10%
    }

    to {
        width: 100%
    }
}

@keyframes dropHeader {
    0% {
        width: 10%
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes displayGraph {
    0% {
        visibility: hidden;
        opacity: 0
    }

    20% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@keyframes displayGraph {
    0% {
        visibility: hidden;
        opacity: 0
    }

    20% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

.comparison-bar-graph-wrapper .graph-wrapper {
    -webkit-animation-name: dropHeader;
    animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

    .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        overflow: hidden
    }

        .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: skew(-20deg);
            transform: skew(-20deg);
            z-index: 2
        }

        .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-vehicle-details {
            -webkit-animation-name: displayGraph;
            animation-name: displayGraph;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            -webkit-animation-duration: 10s;
            animation-duration: 10s;
            z-index: 3
        }

            .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-vehicle-details .primary-vehicle-name {
                font-family: Roboto;
                font-size: 1.78571rem;
                font-weight: 700;
                padding-left: 1.07143rem;
                padding-top: 1.07143rem;
                color: #fff
            }

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-vehicle-details .primary-vehicle-name {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

.comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-vehicle-details .primary-vehicle-trim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-left: 1.07143rem;
    padding-top: .28571rem;
    padding-bottom: 1.07143rem;
    color: #fff
}

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-vehicle-details .primary-vehicle-trim {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }
}

.comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-stat-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3
}

    .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-stat-details .primary-stat-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-right: 1.92857rem;
        text-transform: uppercase;
        color: #fff
    }

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .primary-bar-graph .primary-stat-details .primary-stat-value {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

.comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    margin-top: .71429rem
}

    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: skew(-20deg);
        transform: skew(-20deg);
        z-index: 2;
        background-color: #3e3e3e
    }

    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-vehicle-details {
        -webkit-animation-name: displayGraph;
        animation-name: displayGraph;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        z-index: 3
    }

        .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-vehicle-details .secondary-vehicle-name {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 900;
            padding-left: 1.07143rem;
            padding-top: .71429rem;
            color: #bfbfbf
        }

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-vehicle-details .secondary-vehicle-name {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-vehicle-details .secondary-vehicle-trim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-left: 1.07143rem;
    padding-top: .28571rem;
    padding-bottom: .71429rem;
    color: #bfbfbf
}

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-vehicle-details .secondary-vehicle-trim {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }
}

.comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-stat-details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bfbfbf
}

    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-stat-details .secondary-stat-value {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-right: 1.92857rem;
        text-transform: uppercase
    }

@media screen and (max-width: 509px) {
    .comparison-bar-graph-wrapper .graph-wrapper .secondary-bar-graph .secondary-stat-details .secondary-stat-value {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.comparison-bar-graph-wrapper.gcss-theme-light .graph-wrapper .primary-bar-graph:after {
    background-color: #700000
}

.comparison-bar-graph-wrapper.gcss-theme-dark .graph-wrapper .primary-bar-graph:after {
    background-color: #ba3b00
}

.inline-graph-wrapper {
    width: 100%
}

.order-swap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .order-swap.order-first {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .order-swap.order-last {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

.content-box .scaling-rail {
    padding-left: 0;
    padding-right: 0
}

.content-box .key-stat-wrapper {
    padding: 0 1.42857rem 0 0;
    display: inline-block
}

@media screen and (max-width: 509px) {
    .content-box .key-stat-wrapper {
        padding: 0
    }
}

.content-box .tile-content {
    margin: 0 0 1.07143rem;
    width: 100%
}

@media screen and (max-width: 509px) {
    .content-box .tile-content {
        width: auto;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: .71429rem;
        max-width: 21.42857rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .content-box .tile-content {
        padding-left: .71429rem
    }
}

.content-box .short-description {
    margin: 0 0 .85714rem
}

.content-box .incentives-container {
    margin-top: .71429rem;
    text-align: left
}

    .content-box .incentives-container .incentives-content {
        overflow: hidden
    }

.content-box .cta-buttons a {
    margin: 0 .85714rem 0 0
}

    .content-box .cta-buttons a:last-child {
        display: inline-block;
        margin-right: 0
    }

@media screen and (min-width: 1005px) {
    .content-box .cta-buttons a {
        margin: 0 1.42857rem 0 0
    }

        .content-box .cta-buttons a:last-child {
            margin-top: .71429rem !important
        }
}

@media screen and (max-width: 1004px) {
    .content-box .cta-buttons a {
        margin-top: .71429rem
    }
}

.order-swap > .sdp-row.align-left > .sdp-col .align-center .content-box {
    width: 100%
}

@media screen and (max-width: 1004px) {
    .content-overlay {
        -webkit-transform: none !important;
        transform: none !important
    }

        .content-overlay:empty {
            padding: 0
        }
}

@media screen and (max-width: 1004px) {
    .content-overlay.logoToggle {
        text-align: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .content-overlay.logoToggle .content-body-wrapper,
        .content-overlay.logoToggle .content-overlay-details {
            width: 100%;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

@media screen and (max-width: 699px) {
    .content-overlay .content-body-wrapper .short-description .bullet-list {
        text-align: left
    }
}

.content-overlay .logo.center,
.content-overlay .logo.center img {
    margin: 0 auto
}

@media screen and (max-width: 1004px) {
    .content-overlay .logo.left,
    .content-overlay .logo.left img {
        margin: 0 auto
    }
}

.content-overlay .pre-title {
    margin: 0 0 .35714rem
}

    .content-overlay .pre-title.preTitleStyle {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

.content-overlay .image-container img {
    width: auto
}

.content-overlay .title {
    margin: 0 0 .35714rem
}

.content-overlay .postTitle {
    margin: 0 0 .21429rem;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

@media screen and (max-width: 509px) {
    .content-overlay {
        padding: 2.85714rem 1.07143rem 1.42857rem;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .content-overlay {
        padding: 2.85714rem 1.78571rem 2.14286rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .content-overlay {
        padding: 2.85714rem 1.42857rem 2.14286rem
    }
}

@media screen and (max-width: 1004px) {
    .content-overlay {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1005px) {
    .content-overlay {
        padding: 1.42857rem
    }
}

.content-overlay.align-center {
    text-align: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1004px) {
    .content-overlay.align-center .content-body-wrapper,
    .content-overlay.align-center .content-overlay-details {
        width: 100%;
        padding-right: 0
    }

        .content-overlay.align-center .content-body-wrapper .msrp-wrapper > .sdp-row > .sdp-col-left > *,
        .content-overlay.align-center .content-body-wrapper .short-description {
            text-align: center
        }
}

.content-overlay.align-left .badge-wrapper .badge-container > .sdp-col {
    margin: 0
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .content-overlay.has-buttons {
        padding-bottom: 5.35714rem
    }
}

@media screen and (max-width: 509px) {
    .content-overlay.has-buttons {
        padding-bottom: 1.78571rem
    }
}

.content-overlay .content-overlay-details {
    margin-bottom: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .content-overlay .content-overlay-details {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .content-overlay .content-overlay-details {
        width: 48%;
        padding-right: 2%
    }
}

@media screen and (max-width: 509px) {
    .content-overlay .content-overlay-details {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 1004px) {
    .content-overlay .content-body-wrapper {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%
    }
}

@media screen and (max-width: 699px) {
    .content-overlay .content-body-wrapper {
        width: 100%
    }
}

@media screen and (max-width: 509px) {
    .content-overlay .content-body-wrapper .short-description {
        text-align: center
    }
}

@media screen and (max-width: 699px) {
    .content-overlay .content-body-wrapper .cta-buttons {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 1.42857rem;
        text-align: center
    }
}

@media screen and (max-width: 509px) {
    .content-overlay .content-body-wrapper .cta-buttons {
        position: relative;
        bottom: 0
    }
}

@media screen and (max-width: 1004px) {
    .content-overlay.no-body-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .content-overlay.no-body-content .content-overlay-details {
            width: 100%;
            padding-right: 0;
            text-align: center
        }

        .content-overlay.no-body-content .content-body-wrapper {
            width: 100%;
            text-align: center
        }
}

.content-overlay.gcss-theme-light {
    color: #000;
    background-color: #fff
}

    .content-overlay.gcss-theme-light.background-body,
    .content-overlay.gcss-theme-light.background-none {
        background-color: transparent
    }

@media screen and (max-width: 1004px) {
    .content-overlay.gcss-theme-light.background-body,
    .content-overlay.gcss-theme-light.background-none {
        background-color: #fff
    }
}

@media screen and (min-width: 1005px) {
    .content-overlay.gcss-theme-light {
        background-color: hsla(0, 0%, 100%, .5)
    }
}

.content-overlay.gcss-theme-light h1 {
    color: #000
}

.content-overlay.gcss-theme-light.background-body .content-body-wrapper {
    background-color: #fff;
    padding: 1.42857rem
}

@media screen and (min-width: 1005px) {
    .content-overlay.gcss-theme-light.background-body .content-body-wrapper {
        background-color: hsla(0, 0%, 100%, .5)
    }
}

.content-overlay.gcss-theme-dark {
    color: #fff;
    background-color: #000
}

    .content-overlay.gcss-theme-dark.background-body,
    .content-overlay.gcss-theme-dark.background-none {
        background-color: transparent
    }

@media screen and (max-width: 1004px) {
    .content-overlay.gcss-theme-dark.background-body,
    .content-overlay.gcss-theme-dark.background-none {
        background-color: #000
    }
}

@media screen and (min-width: 1005px) {
    .content-overlay.gcss-theme-dark {
        background-color: rgba(0, 0, 0, .5)
    }
}

.content-overlay.gcss-theme-dark h1 {
    color: #fff
}

.content-overlay.gcss-theme-dark.background-body .content-body-wrapper {
    background-color: #000;
    padding: 1.42857rem
}

@media screen and (min-width: 1005px) {
    .content-overlay.gcss-theme-dark.background-body .content-body-wrapper {
        background-color: rgba(0, 0, 0, .5)
    }
}

.media-description-wrapper {
    padding: 1.21429rem 1.07143rem 2.14286rem
}

@media screen and (min-width: 510px) {
    .media-description-wrapper {
        padding: 2.14286rem 1.92857rem
    }
}

@media screen and (min-width: 700px) {
    .media-description-wrapper {
        padding: 2.14286rem 1rem
    }
}

@media screen and (min-width: 1005px) {
    .media-description-wrapper {
        padding: 2.14286rem 1.42857rem
    }
}

.media-description-wrapper > .sdp-row {
    margin: 0
}

.media-description-wrapper .description-col,
.media-description-wrapper .icon-rail-col {
    padding: 0
}

.media-description-wrapper .icon-rail-col {
    margin-top: 1.42857rem
}

@media screen and (min-width: 1005px) {
    .media-description-wrapper .icon-rail-col {
        margin-top: 0
    }
}

.media-description-wrapper .media-title {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.28571rem
}

.media-description-wrapper .media-description {
    line-height: 1.14286rem;
    margin-top: .71429rem
}

.media-description-wrapper .icon-rail {
    padding: 0
}

    .media-description-wrapper .icon-rail .layout-grid {
        margin: 0
    }

@media screen and (min-width: 1005px) {
    .media-description-wrapper .icon-rail .layout-grid {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.media-description-wrapper .icon-rail .link-icon {
    font-size: 1.42857rem
}

@media screen and (min-width: 1005px) {
    .media-description-wrapper .icon-rail .link-icon {
        text-align: right
    }
}

.media-description-wrapper .icon-rail .col-item {
    padding: 0;
    margin-right: 15px
}

@media screen and (min-width: 510px) {
    .media-description-wrapper .icon-rail .col-item {
        margin-right: 1.92857rem;
        padding: 0
    }
}

@media screen and (min-width: 700px) {
    .media-description-wrapper .icon-rail .col-item {
        margin-right: 1.42857rem;
        padding: 0
    }
}

@media screen and (min-width: 1005px) {
    .media-description-wrapper .icon-rail .col-item {
        margin-right: 0;
        margin-left: 1.42857rem;
        padding: 0
    }
}

.gcss-theme-light.media-description-wrapper {
    background-color: #fff
}

    .gcss-theme-light.media-description-wrapper .link-icon {
        color: #000
    }

        .gcss-theme-light.media-description-wrapper .link-icon:hover {
            color: #5d0000
        }

        .gcss-theme-light.media-description-wrapper .link-icon:active {
            color: #340000
        }

.gcss-theme-light .icon-rail .link-icon,
.gcss-theme-light .media-title {
    color: #000
}

.gcss-theme-light .media-description {
    color: #636363
}

.gcss-theme-dark.media-description-wrapper {
    background-color: #000
}

    .gcss-theme-dark.media-description-wrapper .link-icon {
        color: #fff
    }

        .gcss-theme-dark.media-description-wrapper .link-icon:hover {
            color: #5d0000
        }

        .gcss-theme-dark.media-description-wrapper .link-icon:active {
            color: #340000
        }

.gcss-theme-dark .icon-rail .link-icon,
.gcss-theme-dark .media-title {
    color: #fff
}

.gcss-theme-dark .media-description {
    color: #bfbfbf
}

.link {
    display: inherit;
    text-decoration: none
}

    .link.hide {
        display: none !important
    }

.link-text {
    margin-bottom: 1.78571rem
}

@media screen and (min-width: 510px) {
    .link-text {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 1005px) {
    .link-text {
        margin-bottom: 1.14286rem
    }
}

.link-image {
    margin-bottom: 1.42857rem
}

.gcss-theme-dark .link-text {
    color: #bfbfbf
}

    .gcss-theme-dark .link-text:hover {
        color: #fff
    }

.gcss-theme-dark .link-icon {
    color: #ba3b00
}

    .gcss-theme-dark .link-icon:hover {
        color: #ab3600
    }

    .gcss-theme-dark .link-icon:active {
        color: #892b00
    }

.gcss-theme-light .link-text {
    color: #636363
}

    .gcss-theme-light .link-text:hover {
        color: #000
    }

.gcss-theme-light .link-icon {
    color: #700000
}

    .gcss-theme-light .link-icon:hover {
        color: #5d0000
    }

    .gcss-theme-light .link-icon:active {
        color: #340000
    }

@media only screen and (max-width: 699px) and (orientation: landscape) {
    .media-detail-wrapper .media-description-wrapper {
        display: none
    }
}

.media-detail-wrapper .video-container {
    overflow: hidden;
    width: 100%;
    max-height: calc(100vh - 70px);
    position: relative
}

    .media-detail-wrapper .video-container video {
        width: 100%
    }

    .media-detail-wrapper .video-container p.active-video-disclaimer {
        display: none;
        position: absolute;
        bottom: 2.71429rem;
        left: .71429rem;
        color: #fff;
        font-size: 1rem;
        line-height: 1.42857
    }

@media screen and (min-width: 1005px) {
    .media-detail-wrapper .video-container p.active-video-disclaimer {
        display: block
    }
}

.media-detail-wrapper .video-container p.active-video-disclaimer.external-disclaimer {
    bottom: 3.14286rem
}

.media-detail-wrapper .video-container .active-video-disclosure {
    display: none;
    position: absolute;
    bottom: 2.71429rem;
    left: .71429rem
}

@media screen and (max-width: 1004px) {
    .media-detail-wrapper .video-container .active-video-disclosure {
        display: block
    }
}

.media-detail-wrapper .video-container .active-video-disclosure.external-disclosure {
    bottom: 3.5rem
}

.gcss-theme-light.media-detail-wrapper {
    background-color: #fff
}

.gcss-theme-dark.media-detail-wrapper {
    background-color: #000
}

@media screen and (min-width: 1005px) {
    .media-modal .display-media-container,
    .media-modal .media-detail-wrapper .video-container {
        width: 83.33333%;
        margin: 0 auto;
        max-height: none
    }
}

@media screen and (min-width: 1005px) {
    .media-modal .media-description-wrapper .description-col .media-description,
    .media-modal .media-description-wrapper .description-col .media-title {
        max-width: 42.85714rem
    }
}

.media-modal .gcss-theme-dark.media-detail-wrapper,
.media-modal .gcss-theme-light.media-detail-wrapper {
    background-color: #636363
}

.video-thumbnail .media {
    position: relative
}

    .video-thumbnail .media picture {
        border: .07143rem solid #bfbfbf
    }

    .video-thumbnail .media a {
        display: block;
        text-decoration: none;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        color: #fff
    }

        .video-thumbnail .media a .play-overlay {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            height: 100%
        }

            .video-thumbnail .media a .play-overlay:hover {
                opacity: .7
            }

            .video-thumbnail .media a .play-overlay .duration {
                padding-top: .35714rem;
                font-family: Roboto;
                font-size: .71429rem;
                font-weight: 400
            }

            .video-thumbnail .media a .play-overlay .icon {
                font-family: Roboto;
                font-size: 2.85714rem;
                font-weight: 700
            }

.video-thumbnail .description-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

    .video-thumbnail .description-wrapper .title {
        width: 100%
    }

@media screen and (max-width: 1004px) {
    .video-thumbnail .description-wrapper .title {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }
}

.video-thumbnail .description-wrapper .description {
    width: 100%;
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400
}

.video-horizontal {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-bottom: .35714rem
}

    .video-horizontal .media {
        width: auto;
        max-width: 50%
    }

    .video-horizontal .description-wrapper {
        width: 50%;
        padding-left: 5%
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vertical .thumbnail-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.vertical .thumbnail-wrapper .video-vertical {
    display: inline-block;
    position: relative;
    padding-bottom: .35714rem
}

    .vertical .thumbnail-wrapper .video-vertical .description-wrapper {
        padding: 3%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 5rem
    }

.model-overlay {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: none
}

    .model-overlay.active {
        bottom: 0;
        display: block;
        left: 0;
        padding: 1.78571rem 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 5
    }

.video-thumbnail.gcss-theme-light .description-wrapper {
    color: #000
}

.video-thumbnail.gcss-theme-dark .description-wrapper {
    color: #fff
}

.definition-list .title {
    font-size: 1rem;
    line-height: 1.42857;
    font-weight: 700
}

.definition-list .sdp-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.definition-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1005px) {
    .definition-list ul {
        margin-left: 1.42857rem
    }
}

.definition-list ul li {
    margin-top: .71429rem
}

    .definition-list ul li .definition,
    .definition-list ul li .label {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 75%
    }

    .definition-list ul li .label {
        width: 25%
    }

.definition-list.gcss-theme-light,
.definition-list.gcss-theme-light .definition {
    color: #636363
}

    .definition-list.gcss-theme-light .title {
        color: #000
    }

.definition-list.gcss-theme-dark {
    color: #fff
}

    .definition-list.gcss-theme-dark .definition {
        color: #bfbfbf
    }

    .definition-list.gcss-theme-dark .title {
        color: #fff
    }

.description-block-wrapper {
    padding: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .description-block-wrapper {
        padding: .57143rem
    }
}

.description-block-wrapper:empty {
    padding: 0 !important
}

.description-block-wrapper .definition-list .title,
.description-block-wrapper .features-list h3 {
    margin-top: 1.42857rem;
    margin-bottom: 1.07143rem
}

.description-block-wrapper .title-block {
    margin-bottom: 1.42857rem
}

    .description-block-wrapper .title-block h2,
    .description-block-wrapper .title-block h3,
    .description-block-wrapper .title-block h4 {
        margin-bottom: 1rem
    }

        .description-block-wrapper .title-block h2 .disclosure-bubble-wrapper,
        .description-block-wrapper .title-block h3 .disclosure-bubble-wrapper,
        .description-block-wrapper .title-block h4 .disclosure-bubble-wrapper {
            position: absolute
        }

    .description-block-wrapper .title-block h2 {
        margin-bottom: 1.07143rem
    }

        .description-block-wrapper .title-block h2.gcss-typography-brand-heading-6 {
            line-height: 1
        }

    .description-block-wrapper .title-block h3,
    .description-block-wrapper .title-block h4 {
        font-weight: 700
    }

.description-block-wrapper hr {
    width: 30%;
    height: 0;
    padding-bottom: .14286rem;
    border-bottom: .07143rem solid;
    margin-bottom: 1.42857rem;
    text-align: left
}

.description-block-wrapper .radio-buttons {
    margin: 1.42857rem 0
}

    .description-block-wrapper .radio-buttons.radio-type-image .sdp-col {
        padding-top: 1.42857rem;
        min-width: 5.71429rem
    }

    .description-block-wrapper .radio-buttons.radio-type-text .sdp-col {
        padding-top: 1.42857rem;
        -webkit-flex: 1 0 8.57143rem;
        -ms-flex: 1 0 8.57143rem;
        flex: 1 0 8.57143rem
    }

        .description-block-wrapper .radio-buttons.radio-type-text .sdp-col .radio-button-container .radio-button-text {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

    .description-block-wrapper .radio-buttons .radio-title {
        font-size: 1rem;
        line-height: 1.42857;
        text-transform: uppercase
    }

@media screen and (min-width: 1005px) {
    .description-block-wrapper .description-block-content {
        margin-bottom: 1.42857rem
    }
}

.description-block-wrapper .description-block-content .content-module {
    margin-bottom: 1.42857rem
}

    .description-block-wrapper .description-block-content .content-module.features-list h3 {
        margin-bottom: 1.42857rem;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1.42857
    }

    .description-block-wrapper .description-block-content .content-module.paragraph-copy p {
        line-height: 1.42857rem
    }

    .description-block-wrapper .description-block-content .content-module.paragraph-copy div {
        display: inline
    }

        .description-block-wrapper .description-block-content .content-module.paragraph-copy div p {
            font-family: inherit;
            line-height: inherit;
            font-size: inherit;
            font-weight: inherit;
            display: inline
        }

    .description-block-wrapper .description-block-content .content-module.awards .badge-wrapper .badge-container > .sdp-col {
        margin: 0
    }

        .description-block-wrapper .description-block-content .content-module.awards .badge-wrapper .badge-container > .sdp-col .visual-container {
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

.description-block-wrapper .buttons-container a {
    margin-bottom: 1.42857rem;
    margin-right: .71429rem
}

@media screen and (max-width: 509px) {
    .description-block-wrapper .buttons-container a {
        width: 100%
    }
}

.description-block-wrapper .buttons-container .gcss-button-tertiary:after {
    position: relative
}

.ramtrucks__descriptionblock.description-block-wrapper .radio-buttons.radio-type-text .sdp-col {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.fiatusa__descriptionblock.description-block-wrapper hr,
.jeep__descriptionblock.description-block-wrapper hr {
    display: none
}

.gcss-theme-light.description-block-wrapper.has-background {
    background-color: hsla(0, 0%, 100%, .8)
}

.gcss-theme-light.description-block-wrapper .radio-buttons .radio-title,
.gcss-theme-light.description-block-wrapper .title-block h2,
.gcss-theme-light.description-block-wrapper .title-block h3,
.gcss-theme-light.description-block-wrapper .title-block h4 {
    color: #000
}

.gcss-theme-light.description-block-wrapper hr {
    border-color: #700000
}

.gcss-theme-light.description-block-wrapper .description-block-content .content-module.features-list h3 {
    color: #000
}

.gcss-theme-dark.description-block-wrapper.has-background {
    background-color: rgba(0, 0, 0, .8)
}

.gcss-theme-dark.description-block-wrapper .radio-buttons .radio-title,
.gcss-theme-dark.description-block-wrapper .title-block h2,
.gcss-theme-dark.description-block-wrapper .title-block h3,
.gcss-theme-dark.description-block-wrapper .title-block h4 {
    color: #fff
}

.gcss-theme-dark.description-block-wrapper hr {
    border-color: #ba3b00
}

.gcss-theme-dark.description-block-wrapper .description-block-content .content-module.features-list h3 {
    color: #fff
}

.active-video-wrapper .layout-wrapper {
    margin: 0 auto;
    max-width: 100%
}

.active-video-wrapper .standard {
    position: relative
}

    .active-video-wrapper .standard .overlay-wrapper {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1
    }

        .active-video-wrapper .standard .overlay-wrapper.active {
            opacity: 0;
            transition: opacity .2s linear
        }

        .active-video-wrapper .standard .overlay-wrapper a {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            text-decoration: none;
            z-index: 20;
            left: 0
        }

            .active-video-wrapper .standard .overlay-wrapper a .play-overlay {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-align-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                height: 100%
            }

                .active-video-wrapper .standard .overlay-wrapper a .play-overlay:hover {
                    opacity: .7
                }

                .active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration,
                .active-video-wrapper .standard .overlay-wrapper a .play-overlay .pre-title,
                .active-video-wrapper .standard .overlay-wrapper a .play-overlay .sub-title,
                .active-video-wrapper .standard .overlay-wrapper a .play-overlay .video-title {
                    padding-bottom: 1.07143rem
                }

@media screen and (max-width: 509px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration,
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .pre-title,
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .sub-title,
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .video-title {
        padding-bottom: .71429rem
    }
}

@media screen and (max-width: 509px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .pre-title {
        padding-top: .14286rem
    }
}

.active-video-wrapper .standard .overlay-wrapper a .play-overlay .icon {
    padding-bottom: .35714rem;
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 700
}

@media screen and (max-width: 509px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .icon {
        font-size: 2.14286rem
    }
}

.active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

@media screen and (min-width: 1005px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width: 700px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration {
        font-size: 1rem;
        line-height: 1.42857
    }
}

@media screen and (max-width: 699px) {
    .active-video-wrapper .standard .overlay-wrapper a .play-overlay .duration {
        font-size: .71429rem
    }
}

.active-video-wrapper .standard .media-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    left: 0
}

    .active-video-wrapper .standard .media-wrapper.active {
        opacity: 1;
        transition: opacity .2s linear;
        overflow: hidden
    }

    .active-video-wrapper .standard .media-wrapper.normal {
        opacity: 0;
        transition: opacity .2s linear
    }

    .active-video-wrapper .standard .media-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .active-video-wrapper .standard .media-wrapper .active-video-disclosure {
        position: absolute;
        bottom: 2.71429rem;
        left: .71429rem
    }

        .active-video-wrapper .standard .media-wrapper .active-video-disclosure.external-disclosure {
            bottom: 3.5rem
        }

.active-video-wrapper p.active-video-disclaimer {
    position: absolute;
    bottom: 2.71429rem;
    left: .71429rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.42857
}

    .active-video-wrapper p.active-video-disclaimer.external-disclaimer {
        bottom: 3.14286rem
    }

.active-video,
.active-video-wrapper {
    max-width: 103.57143rem;
    margin: 0 auto
}

    .active-video-wrapper .gcss-theme-light a {
        background-color: transparent
    }

        .active-video-wrapper .gcss-theme-light a .play-overlay .duration,
        .active-video-wrapper .gcss-theme-light a .play-overlay .pre-title,
        .active-video-wrapper .gcss-theme-light a .play-overlay .sub-title,
        .active-video-wrapper .gcss-theme-light a .play-overlay .video-title {
            color: #000
        }

        .active-video-wrapper .gcss-theme-light a .play-overlay .icon {
            color: #700000
        }

    .active-video-wrapper .gcss-theme-dark a {
        background-color: transparent
    }

        .active-video-wrapper .gcss-theme-dark a .play-overlay .duration,
        .active-video-wrapper .gcss-theme-dark a .play-overlay .icon,
        .active-video-wrapper .gcss-theme-dark a .play-overlay .pre-title,
        .active-video-wrapper .gcss-theme-dark a .play-overlay .sub-title,
        .active-video-wrapper .gcss-theme-dark a .play-overlay .video-title {
            color: #fff
        }

.feature-panel-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

    .feature-panel-wrapper .description-block-wrapper hr {
        display: none
    }

    .feature-panel-wrapper .description-block-wrapper .badge-container.sdp-row .sdp-col {
        padding-top: 0;
        padding-bottom: 0
    }

    .feature-panel-wrapper .description-container-wrapper {
        width: 100%;
        height: 100%
    }

@media screen and (min-width: 1005px) {
    .feature-panel-wrapper .description-container-wrapper {
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        top: 0;
        left: 0;
        pointer-events: none
    }

        .feature-panel-wrapper .description-container-wrapper .description-block-container {
            z-index: 21;
            position: absolute
        }

            .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper {
                pointer-events: auto
            }

                .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper.halign-center {
                    text-align: center
                }

                    .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper.halign-center .title-block .keyline {
                        margin-left: auto;
                        margin-right: auto
                    }

                    .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper.halign-center .buttons-container {
                        -webkit-justify-content: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                        .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper.halign-center .buttons-container .gcss-button {
                            margin-left: .71429rem
                        }

                            .feature-panel-wrapper .description-container-wrapper .description-block-container .description-block-wrapper.halign-center .buttons-container .gcss-button:first-of-type {
                                margin-left: 0
                            }
}

@media screen and (min-width: 1005px) {
    .feature-panel-wrapper .media-container {
        position: absolute
    }

    .feature-panel-wrapper .description-block-container {
        z-index: 21;
        width: 30%;
        position: absolute !important;
        margin: 0;
        display: block
    }

        .feature-panel-wrapper .description-block-container.valign-top {
            top: 5%
        }

        .feature-panel-wrapper .description-block-container.valign-middle {
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .feature-panel-wrapper .description-block-container.valign-bottom {
            bottom: 5%
        }

        .feature-panel-wrapper .description-block-container.halign-left {
            left: 2%
        }

        .feature-panel-wrapper .description-block-container.halign-center {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .feature-panel-wrapper .description-block-container.halign-right {
            right: 2%
        }

        .feature-panel-wrapper .description-block-container.halign-center.valign-middle {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }
}

@media screen and (max-width: 1004px) {
    .feature-panel-wrapper .description-block-container {
        padding-left: 0;
        padding-right: 0
    }
}

.feature-panel-wrapper .feature-panel-row {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1004px) {
    .feature-panel-wrapper .feature-panel-row {
        height: auto;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1005px) {
    .feature-panel-wrapper .feature-panel-row {
        height: 41.42857rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .feature-panel-wrapper .feature-panel-row {
        min-height: 35.71429rem
    }
}

@media screen and (max-width: 509px) {
    .feature-panel-wrapper .media-container {
        height: 100%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .feature-panel-wrapper .media-container {
        height: 100%
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .feature-panel-wrapper .media-container {
        height: 20.28571rem;
        overflow: hidden
    }
}

@media screen and (max-width: 699px) {
    .feature-panel-wrapper .media-container .display-media-container .no-cta-overlay {
        left: .57143rem
    }
}

.feature-panel-wrapper .feature-panel-thumbnail-row .feature-panel-thumbnail {
    cursor: pointer
}

.feature-panel-wrapper .feature-panel-thumbnail-row img {
    max-width: 100%
}

.feature-panel-wrapper .feature-panel-thumbnail-row h3 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 1005px) {
    .feature-panel-wrapper.feature-panel-height-auto .feature-panel-row {
        height: auto
    }

    .feature-panel-wrapper.feature-panel-height-auto .description-block-container,
    .feature-panel-wrapper.feature-panel-height-auto .media-container {
        position: relative
    }

        .feature-panel-wrapper.feature-panel-height-auto .description-block-container.valign-top {
            margin-top: 0;
            top: 5%
        }

        .feature-panel-wrapper.feature-panel-height-auto .description-block-container.valign-bottom {
            margin-bottom: 0;
            bottom: 5%
        }

        .feature-panel-wrapper.feature-panel-height-auto .description-block-container.halign-left {
            margin-left: 0;
            left: 2%
        }

        .feature-panel-wrapper.feature-panel-height-auto .description-block-container.halign-center {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

        .feature-panel-wrapper.feature-panel-height-auto .description-block-container.halign-right {
            margin-right: 0;
            right: 2%
        }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .feature-panel-wrapper.feature-panel-height-auto .feature-panel-row {
        min-height: 0
    }
}

.feature-panel-wrapper.feature-panel-height-auto .media-container {
    height: auto
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .feature-panel-wrapper.feature-panel-height-auto .description-block-container.halign-center.valign-top {
        width: 51%
    }
}

.feature-panel-wrapper.gcss-theme-light,
.feature-panel-wrapper.gcss-theme-light .description-block-container.has-background {
    background-color: #fff
}

.feature-panel-wrapper.gcss-theme-dark {
    background-color: #3e3e3e
}

    .feature-panel-wrapper.gcss-theme-dark .description-block-container.has-background {
        background-color: #000
    }

.feature-panel-wrapper .display-media-container .cta-disclosure-bar .disclaimer-container {
    max-width: 40%
}

@media screen and (min-width: 1005px) {
    .feature-panel-wrapper .description-block-container {
        padding-left: 0;
        padding-right: 0
    }
}

.feature-panel-wrapper .description-block-container .radio-buttons .item-matrix > .sdp-row.layout-grid {
    width: 100%
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .feature-panel-wrapper .description-block-container .description-block-wrapper {
        padding: 2.14286rem
    }

        .feature-panel-wrapper .description-block-container .description-block-wrapper .description-block-content,
        .feature-panel-wrapper .description-block-container .description-block-wrapper .title-block {
            max-width: 44.28571rem
        }
}

@-webkit-keyframes spinner-rotate-right {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-rotate-right {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-rotate-left {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-rotate-left {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.meatball-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .meatball-container .meatball {
        width: 1.14286rem;
        height: 1.14286rem;
        display: block;
        margin-right: .57143rem
    }

        .meatball-container .meatball:last-child {
            margin-right: 0
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

.meatball-container .meatball .meatball-normal {
    width: 1.14286rem;
    height: 1.14286rem;
    top: 0;
    left: 0;
    position: relative;
    border-radius: 100%;
    display: block;
    min-width: 1.14286rem;
    min-height: 1.14286rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball .meatball-normal {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball .meatball-normal {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

.meatball-container .meatball .meatball-spinner {
    width: .57143rem;
    height: .57143rem;
    top: 0;
    left: 0;
    position: relative;
    border-radius: 100%;
    display: block;
    min-width: 1.14286rem;
    min-height: 1.14286rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball .meatball-spinner {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball .meatball-spinner {
        width: 1.14286rem;
        height: 1.14286rem
    }
}

.meatball-container .meatball .meatball-spinner .fill {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    opacity: 1
}

.meatball-container .meatball .meatball-spinner .side {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute
}

    .meatball-container .meatball .meatball-spinner .side .fill {
        border-radius: .71429rem;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball .meatball-spinner .side .fill {
        border-radius: 71.35714rem
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball .meatball-spinner .side .fill {
        border-radius: 71.35714rem
    }
}

.meatball-container .meatball .meatball-spinner .side-left {
    left: 0
}

    .meatball-container .meatball .meatball-spinner .side-left .fill {
        left: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-animation-name: spinner-rotate-left;
        animation-name: spinner-rotate-left;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

.meatball-container .meatball .meatball-spinner .side-right {
    left: 46%
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball .meatball-spinner .side-right {
        left: 50%
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball .meatball-spinner .side-right {
        left: 50%
    }
}

.meatball-container .meatball .meatball-spinner .side-right .fill {
    left: -105%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-animation-name: spinner-rotate-right;
    animation-name: spinner-rotate-right;
    -webkit-transform-origin: 109% 50%;
    transform-origin: 109% 50%
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .meatball-container .meatball .meatball-spinner .side-right .fill {
        left: -100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@media screen and (min-width: 1005px) {
    .meatball-container .meatball .meatball-spinner .side-right .fill {
        left: -100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

.meatball-container.gcss-theme-light {
    background-color: transparent
}

    .meatball-container.gcss-theme-light .meatball-normal,
    .meatball-container.gcss-theme-light .meatball-spinner {
        background-color: transparent;
        border: .14286rem solid #636363
    }

        .meatball-container.gcss-theme-light .meatball-normal.active,
        .meatball-container.gcss-theme-light .meatball-spinner.active {
            background-color: #700000;
            border: .14286rem solid #636363
        }

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-light .meatball-normal.active:hover,
    .meatball-container.gcss-theme-light .meatball-spinner.active:hover {
        background-color: #700000
    }
}

.meatball-container.gcss-theme-light .meatball-normal:active,
.meatball-container.gcss-theme-light .meatball-spinner:active {
    background-color: #340000;
    border: .14286rem solid #636363
}

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-light .meatball-normal:active,
    .meatball-container.gcss-theme-light .meatball-spinner:active {
        background-color: transparent
    }

        .meatball-container.gcss-theme-light .meatball-normal:active.active,
        .meatball-container.gcss-theme-light .meatball-spinner:active.active {
            background-color: #340000
        }
}

.meatball-container.gcss-theme-light .meatball-normal:hover,
.meatball-container.gcss-theme-light .meatball-spinner:hover {
    background-color: #5d0000;
    border: .14286rem solid #636363
}

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-light .meatball-normal:hover,
    .meatball-container.gcss-theme-light .meatball-spinner:hover {
        background-color: transparent
    }
}

.meatball-container.gcss-theme-light .meatball-spinner .fill {
    background-color: #700000
}

.meatball-container.gcss-theme-dark {
    background-color: transparent
}

    .meatball-container.gcss-theme-dark .meatball-normal,
    .meatball-container.gcss-theme-dark .meatball-spinner {
        background-color: transparent;
        border: .14286rem solid #bfbfbf
    }

        .meatball-container.gcss-theme-dark .meatball-normal.active,
        .meatball-container.gcss-theme-dark .meatball-spinner.active {
            background-color: #ba3b00;
            border: .14286rem solid #bfbfbf
        }

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-dark .meatball-normal.active:hover,
    .meatball-container.gcss-theme-dark .meatball-spinner.active:hover {
        background-color: #ba3b00
    }
}

.meatball-container.gcss-theme-dark .meatball-normal:active,
.meatball-container.gcss-theme-dark .meatball-spinner:active {
    background-color: #892b00;
    border: .14286rem solid #bfbfbf
}

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-dark .meatball-normal:active,
    .meatball-container.gcss-theme-dark .meatball-spinner:active {
        background-color: transparent
    }

        .meatball-container.gcss-theme-dark .meatball-normal:active.active,
        .meatball-container.gcss-theme-dark .meatball-spinner:active.active {
            background-color: #892b00
        }
}

.meatball-container.gcss-theme-dark .meatball-normal:hover,
.meatball-container.gcss-theme-dark .meatball-spinner:hover {
    background-color: #ab3600;
    border: .14286rem solid #bfbfbf
}

@media screen and (max-width: 1004px) {
    .meatball-container.gcss-theme-dark .meatball-normal:hover,
    .meatball-container.gcss-theme-dark .meatball-spinner:hover {
        background-color: transparent
    }
}

.meatball-container.gcss-theme-dark .meatball-spinner .fill {
    background-color: #ba3b00
}

.panel-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .panel-container.top-left {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

@media screen and (min-width: 1005px) {
    .panel-container.top-left .content-overlay {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.panel-container.top-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1005px) {
    .panel-container.top-center .content-overlay {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

.panel-container.top-right {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width: 1005px) {
    .panel-container.top-right .content-overlay {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

.panel-container.middle-left {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 1005px) {
    .panel-container.middle-left .content-overlay {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

.panel-container.middle-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1005px) {
    .panel-container.middle-center .content-overlay {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

.panel-container.middle-right {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width: 1005px) {
    .panel-container.middle-right .content-overlay {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

.panel-container.bottom-left {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 1005px) {
    .panel-container.bottom-left .content-overlay {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

.panel-container.bottom-center {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1005px) {
    .panel-container.bottom-center .content-overlay {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

.panel-container.bottom-right {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width: 1005px) {
    .panel-container.bottom-right .content-overlay {
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

.panel-container .panel-item {
    margin: 1.42857rem
}

.media-hotspots,
.media-hotspots .media-hotspots-media {
    position: relative;
    height: 100%
}

    .media-hotspots .media-hotspots-contentbox {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

@media screen and (min-width: 1005px) {
    .media-hotspots .media-hotspots-contentbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 1004px) {
    .media-hotspots .media-hotspots-contentbox > .sdp-col {
        padding-left: 0;
        padding-right: 0
    }
}

.media-hotspots .media-hotspot-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-bottom: 0
}

    .media-hotspots .media-hotspot-link .hidden {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden
    }

    .media-hotspots .media-hotspot-link .media-hotspot-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        pointer-events: none;
        display: none
    }

@media screen and (min-width: 1005px) {
    .media-hotspots .media-hotspot-link .media-hotspot-title {
        display: block
    }
}

.media-hotspots .media-hotspot-link .media-hotspot-title > span {
    display: inline-block;
    padding: .35714rem;
    pointer-events: none;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

@media screen and (max-width: 509px) {
    .media-hotspots .media-hotspot-link {
        display: none
    }
}

.media-hotspots .tooltip {
    position: absolute;
    z-index: 2;
    padding: .85714rem 1.07143rem;
    margin-left: 1.42857rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    max-width: 14.28571rem
}

    .media-hotspots .tooltip.tooltip-showing {
        display: block
    }

@media screen and (max-width: 1004px) {
    .media-hotspots .tooltip.tooltip-showing {
        display: none
    }
}

.media-hotspots .tooltip.tooltip-right {
    margin-left: 0;
    -webkit-transform: translateX(calc(-100% - 20px)) translateY(-50%);
    transform: translateX(calc(-100% - 20px)) translateY(-50%)
}

    .media-hotspots .tooltip.tooltip-right:after {
        left: auto;
        right: -1rem
    }

.media-hotspots .tooltip:after {
    content: "";
    border-style: solid;
    border-width: .35714rem;
    position: absolute;
    left: -1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.media-hotspots .tooltip .tooltip-header {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

.media-hotspots .tooltip .tooltip-subheader {
    margin-top: .14286rem;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.media-hotspots .tooltip .tooltip-disclaimer {
    margin-top: .57143rem;
    font-family: Roboto;
    font-size: .57143rem;
    font-weight: 400
}

.media-hotspots.gcss-theme-light .gcss-button-tertiary,
.media-hotspots.gcss-theme-light .gcss-button-tertiary:after,
.media-hotspots.gcss-theme-light .gcss-button-tertiary:before {
    color: #700000
}

.media-hotspots.gcss-theme-light .media-hotspot-link .media-hotspot-title > span {
    color: #000
}

.media-hotspots.gcss-theme-light .media-hotspot-link .media-hotspot-background > span {
    background-color: hsla(0, 0%, 100%, .55)
}

.media-hotspots.gcss-theme-light .tooltip {
    background-color: #e7e7e7;
    border-left: .28571rem solid #d44e00;
    color: #000
}

    .media-hotspots.gcss-theme-light .tooltip.tooltip-right {
        border-left: 0;
        border-right: .28571rem solid #d44e00
    }

        .media-hotspots.gcss-theme-light .tooltip.tooltip-right:after {
            border-color: transparent transparent transparent #d44e00
        }

    .media-hotspots.gcss-theme-light .tooltip:after {
        border-color: transparent #d44e00 transparent transparent
    }

.media-hotspots.gcss-theme-dark .gcss-button-tertiary {
    color: #fff
}

    .media-hotspots.gcss-theme-dark .gcss-button-tertiary:after,
    .media-hotspots.gcss-theme-dark .gcss-button-tertiary:before {
        color: #ba3b00
    }

.media-hotspots.gcss-theme-dark .media-hotspot-link .media-hotspot-title > span {
    color: #fff
}

.media-hotspots.gcss-theme-dark .media-hotspot-link .media-hotspot-background > span {
    background-color: rgba(0, 0, 0, .55)
}

.media-hotspots.gcss-theme-dark .tooltip {
    background-color: #212121;
    border-left: .28571rem solid #d44e00;
    color: #fff
}

    .media-hotspots.gcss-theme-dark .tooltip.tooltip-right {
        border-left: 0;
        border-right: .28571rem solid #d44e00
    }

        .media-hotspots.gcss-theme-dark .tooltip.tooltip-right:after {
            border-color: transparent transparent transparent #d44e00
        }

    .media-hotspots.gcss-theme-dark .tooltip:after {
        border-color: transparent #d44e00 transparent transparent
    }

.sectionheader + .image-with-description .has-margin,
.sectionheader + .image-with-description .has-margin .image-description .sdp-col-first,
.sectionheader + .image-with-description .has-margin .image-description .sdp-col-first .description-block-wrapper {
    padding-top: 0
}

@media screen and (max-width: 1004px) {
    .sectionheader + .image-with-description .has-margin .image-description .sdp-col-first .description-block-wrapper,
    .sectionheader + .image-with-description .image-description .sdp-col-first .description-block-wrapper {
        padding-top: 2.5rem
    }
}

.image-description .sdp-col-first,
.image-description .sdp-col-second {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .image-description .sdp-col-first .description-block-wrapper,
    .image-description .sdp-col-second .description-block-wrapper {
        width: 100%
    }

@media screen and (max-width: 1004px) {
    .image-description .sdp-col-first .description-block-wrapper,
    .image-description .sdp-col-second .description-block-wrapper {
        padding-bottom: 0
    }
}

.image-description .sdp-col-first {
    padding: 3.57143rem 3.57143rem 1.78571rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1004px) {
    .image-description .sdp-col-first {
        padding: 1.78571rem 4.7% 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .image-description .sdp-col-first {
        padding-top: 0
    }

        .image-description .sdp-col-first .description-block-wrapper {
            padding-top: 2.71429rem
        }
}

.image-description.align-left .sdp-col-first {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.image-description.align-left .description-block-wrapper hr {
    text-align: left
}

.image-description.align-left.width-60-40 .sdp-col-first {
    width: 40%
}

@media screen and (min-width: 1005px) {
    .image-description.align-left.width-60-40 .sdp-col-first {
        padding: 2.85714rem 2.85714rem 1.78571rem
    }
}

.image-description.align-left.width-40-60 .sdp-col-first,
.image-description.align-left.width-60-40 .sdp-col-second {
    width: 60%
}

.image-description.align-left.width-40-60 .sdp-col-second {
    width: 40%
}

@media screen and (max-width: 1004px) {
    .image-description.align-right .sdp-col-first {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.image-description.width-50-50 .sdp-col-first,
.image-description.width-50-50 .sdp-col-second {
    width: 50%
}

.image-description.width-60-40 .sdp-col-first {
    width: 60%
}

.image-description.width-40-60 .sdp-col-first,
.image-description.width-60-40 .sdp-col-second {
    width: 40%
}

.image-description.width-40-60 .sdp-col-second {
    width: 60%
}

@media screen {
    .image-description .display-media-container {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.image-description .sdp-col-second .active-video-wrapper .full-height {
    height: 100%
}

@media screen and (max-width: 1004px) {
    .image-description .sdp-col-second .display-media-container,
    .image-description .sdp-col-second .display-media-container .image-container {
        width: 100%
    }
}

@media screen and (max-width: 1004px) {
    .image-description .sdp-col-first,
    .image-description .sdp-col-second {
        width: 100% !important
    }
}

.image-description.has-margin {
    padding: 3.57143rem
}

.image-description.theme-light {
    background-color: #fff
}

.image-description.theme-dark {
    background-color: #3e3e3e
}

.gcss-main-content > .image-with-description {
    max-width: 1450px;
    background-color: #fff;
    max-width: 103.57143rem;
    margin: 0 auto
}

    .gcss-main-content > .image-with-description .image-description .sdp-col-second {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .carousel-container,
    .carousel-container * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .carousel-container .carousel-list {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            overflow: hidden
        }

@media screen and (min-width: 1005px) {
    .carousel-container .carousel-list .panel-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 1004px) {
    .carousel-container .carousel-list .panel-wrapper {
        position: relative;
        width: 100%;
        padding: 0
    }
}

.carousel-container .carousel-list .panel-wrapper .panel-container {
    padding-bottom: 3.57143rem
}

@media screen and (max-width: 1004px) {
    .carousel-container .carousel-list .panel-wrapper .panel-container {
        padding: 0;
        min-height: inherit
    }
}

@media screen and (max-width: 1004px) {
    .carousel-container .carousel-list .panel-wrapper .panel-container > div.sdp-col {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
}

.carousel-container .carousel-list .carousel-item {
    display: inline-block;
    position: relative;
    overflow: inherit;
    height: 0
}

    .carousel-container .carousel-list .carousel-item .dynamic-height {
        max-height: 53.57143rem
    }

    .carousel-container .carousel-list .carousel-item.active {
        height: 100%
    }

@media screen and (max-width: 1004px) {
    .carousel-container .carousel-list .carousel-item.active {
        height: auto
    }
}

.carousel-container .carousel-list.is-panning {
    overflow: visible
}

    .carousel-container .carousel-list.is-panning .carousel-item,
    .carousel-container .carousel-list.is-panning .carousel-item.active {
        height: 100%
    }

@media screen and (max-width: 1004px) {
    .carousel-container .carousel-list.is-panning .carousel-item.active {
        height: auto
    }
}

.carousel-container .arrow {
    position: absolute;
    cursor: pointer;
    top: 0;
    height: 100%;
    z-index: 1
}

    .carousel-container .arrow.left {
        left: 0
    }

    .carousel-container .arrow.right {
        right: 0
    }

@media screen and (max-width: 1004px) {
    .carousel-container .arrow {
        display: none !important
    }
}

.carousel-container .carousel-image-container {
    position: relative
}

    .carousel-container .carousel-image-container img {
        -webkit-user-drag: none
    }

.carousel-container .meatBall-dots {
    padding: .71429rem 0
}

    .carousel-container .meatBall-dots.inside-image {
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 1
    }

@media screen and (max-width: 1004px) {
    .carousel-container .meatBall-dots.inside-image {
        bottom: -2.85714rem
    }
}

@media screen and (max-width: 1004px) {
    .carousel-container .meatBall-dots.under-image {
        position: absolute;
        z-index: 1;
        width: 100%
    }
}

@media screen and (max-width: 1004px) {
    .carousel-container .meatBall-dots.below-panel {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: .35714rem 0
    }
}

.gcss-theme-light.carousel-item {
    background-color: #fff
}

.gcss-theme-dark.carousel-item {
    background-color: #000
}

.competitive-highlight-container {
    padding: 4.64286rem 11rem
}

@media screen and (max-width: 1004px) {
    .competitive-highlight-container {
        padding: 3.92857rem 4.14286rem
    }
}

@media screen and (max-width: 699px) {
    .competitive-highlight-container {
        padding: 3.92857rem 3.07143rem
    }
}

@media screen and (max-width: 509px) {
    .competitive-highlight-container {
        padding: 2.14286rem 1.42857rem
    }
}

.competitive-highlight-container .dimension-trim,
.competitive-highlight-container .dimension-vehicle,
.competitive-highlight-container .numeric-trimc,
.competitive-highlight-container .numeric-vehicle,
.competitive-highlight-container .trim,
.competitive-highlight-container .vehicle {
    display: none !important
}

.competitive-highlight-container .competitive-highlight-title-wrapper {
    text-align: center;
    margin-bottom: 4.28571rem
}

@media screen and (max-width: 1004px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper {
        margin-bottom: 3.57143rem
    }
}

@media screen and (max-width: 509px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper {
        margin-bottom: 2.14286rem
    }
}

.competitive-highlight-container .competitive-highlight-title-wrapper .title-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: text-bottom;
    border: 0 solid;
    border-radius: 50%
}

    .competitive-highlight-container .competitive-highlight-title-wrapper .title-icon .gcss-icon-checkmark-circle:before {
        font-size: 2.5rem;
        background-color: #fff;
        border-radius: 50%
    }

@media screen and (max-width: 1004px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title-icon .gcss-icon-checkmark-circle:before {
        font-size: 2.28571rem
    }
}

@media screen and (max-width: 509px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title-icon .gcss-icon-checkmark-circle:before {
        font-size: 1.5rem
    }
}

.competitive-highlight-container .competitive-highlight-title-wrapper .title {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700;
    margin-left: 1.07143rem
}

@media screen and (max-width: 699px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        font-size: 1.78571rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) and (max-width: 699px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        font-size: 1.57143rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 3.57143rem;
        font-weight: 700
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) and (max-width: 699px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 509px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.71429rem;
        font-weight: 700;
        margin-left: .64286rem
    }
}

@media screen and (max-width: 509px) and (max-width: 699px) {
    .competitive-highlight-container .competitive-highlight-title-wrapper .title {
        font-size: 1.78571rem
    }
}

.competitive-highlight-container .full-width + .full-width {
    margin-top: 2.85714rem
}

@media screen and (max-width: 1004px) {
    .competitive-highlight-container .full-width + .full-width {
        margin-top: 2.14286rem
    }
}

@media screen and (max-width: 509px) {
    .competitive-highlight-container .full-width + .full-width {
        margin-top: 1.42857rem
    }
}

.competitive-highlight-container .full-width.mobile {
    display: none
}

@media screen and (max-width: 699px) {
    .competitive-highlight-container .full-width.mobile {
        display: block
    }

    .competitive-highlight-container .split-width.mobile {
        display: none
    }
}

.competitive-highlight-container.gcss-theme-light {
    background-color: #fff
}

    .competitive-highlight-container.gcss-theme-light .title-icon .gcss-icon-checkmark-circle:before {
        color: #700000
    }

    .competitive-highlight-container.gcss-theme-light .title {
        color: #000
    }

.competitive-highlight-container.gcss-theme-dark {
    background-color: #000
}

    .competitive-highlight-container.gcss-theme-dark .title-icon .gcss-icon-checkmark-circle:before {
        color: #ba3b00
    }

    .competitive-highlight-container.gcss-theme-dark .title {
        color: #fff
    }

@media screen and (max-width: 1004px) {
    .configuration-group.has-toggle .config-options {
        padding-top: 1.07143rem;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

        .configuration-group.has-toggle .config-options .select-field-main {
            -webkit-flex: 1 50%;
            -ms-flex: 1 50%;
            flex: 1 50%
        }

        .configuration-group.has-toggle .config-options .toggle-container {
            -webkit-flex: 1 100%;
            -ms-flex: 1 100%;
            flex: 1 100%
        }

    .configuration-group.has-toggle .config-content {
        max-height: 0;
        transition: max-height .5s ease-out;
        overflow: hidden
    }

        .configuration-group.has-toggle .config-content.open {
            max-height: 28.57143rem
        }
}

.configuration-group .config-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1004px) {
    .configuration-group .config-options {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.configuration-group .config-content .gcss-button {
    display: none;
    margin-left: .71429rem;
    margin-bottom: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .configuration-group .config-content .gcss-button {
        display: inline-block
    }
}

.configuration-group .config-drop-down {
    display: none
}

    .configuration-group .config-drop-down span:not(.icon) {
        display: inline-block;
        width: auto;
        padding: .71429rem
    }

    .configuration-group .config-drop-down span.icon {
        font-size: .71429rem;
        padding-left: .71429rem
    }

@media screen and (max-width: 1004px) {
    .configuration-group .config-drop-down {
        display: inherit
    }
}

@media screen and (max-width: 1004px) {
    .configuration-group.gcss-theme-light.has-toggle .config-content,
    .configuration-group.gcss-theme-light.has-toggle .config-options {
        background-color: #e7e7e7
    }
}

.configuration-group.gcss-theme-light .config-drop-down span:not(.icon) {
    background-color: #e7e7e7;
    color: #000
}

@media screen and (max-width: 1004px) {
    .configuration-group.gcss-theme-dark.has-toggle .config-content,
    .configuration-group.gcss-theme-dark.has-toggle .config-options {
        background-color: #212121
    }
}

.configuration-group.gcss-theme-dark .config-drop-down span:not(.icon) {
    background-color: #212121;
    color: #fff
}

.select-field-main {
    font-family: Roboto;
    font-size: .85714rem;
    display: inline-block;
    padding: .35714rem .57143rem;
    box-sizing: border-box;
    text-align: left
}

    .select-field-main .select-field-wrapper {
        position: relative
    }

        .select-field-main .select-field-wrapper.disabled-select {
            cursor: not-allowed;
            opacity: .3
        }

        .select-field-main .select-field-wrapper select {
            visibility: hidden;
            height: 0;
            display: block;
            margin-right: 3rem
        }

        .select-field-main .select-field-wrapper input {
            width: 0;
            height: 0
        }

        .select-field-main .select-field-wrapper .select-drop-wrapper {
            position: relative
        }

            .select-field-main .select-field-wrapper .select-drop-wrapper .select-label {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                overflow: hidden;
                position: relative;
                z-index: 4
            }

                .select-field-main .select-field-wrapper .select-drop-wrapper .select-label > span {
                    padding: .71429rem;
                    display: inline-block
                }

                    .select-field-main .select-field-wrapper .select-drop-wrapper .select-label > span:first-child {
                        border-radius: .28571rem 0 0 .28571rem;
                        box-sizing: border-box;
                        width: 100%
                    }

                    .select-field-main .select-field-wrapper .select-drop-wrapper .select-label > span:last-child {
                        border-radius: 0 .28571rem .28571rem 0;
                        cursor: pointer;
                        box-sizing: border-box
                    }

            .select-field-main .select-field-wrapper .select-drop-wrapper > ul {
                display: none;
                width: 100%;
                border-radius: 0 0 .28571rem .28571rem;
                position: absolute;
                top: 2.35714rem;
                z-index: 3;
                box-sizing: border-box;
                border-top: 0;
                overflow: hidden;
                max-height: 14.28571rem;
                overflow-y: auto
            }

                .select-field-main .select-field-wrapper .select-drop-wrapper > ul li:hover {
                    cursor: pointer
                }

                .select-field-main .select-field-wrapper .select-drop-wrapper > ul li.selected {
                    cursor: default
                }

                .select-field-main .select-field-wrapper .select-drop-wrapper > ul::-webkit-scrollbar-track {
                    box-shadow: inset 0 0 .42857rem rgba(0, 0, 0, .3);
                    border-radius: .21429rem;
                    background-color: #e7e7e7
                }

                .select-field-main .select-field-wrapper .select-drop-wrapper > ul::-webkit-scrollbar {
                    width: .57143rem;
                    background-color: #d1d1d1
                }

                .select-field-main .select-field-wrapper .select-drop-wrapper > ul::-webkit-scrollbar-thumb {
                    border-radius: .21429rem;
                    box-shadow: inset 0 0 .42857rem rgba(0, 0, 0, .3);
                    background-color: #bfbfbf
                }

        .select-field-main .select-field-wrapper label {
            padding-bottom: .71429rem;
            display: inline-block
        }

        .select-field-main .select-field-wrapper.open ul {
            display: block
        }

            .select-field-main .select-field-wrapper.open ul li {
                padding: .71429rem;
                width: 100%;
                box-sizing: border-box
            }

        .select-field-main .select-field-wrapper.open .select-label span:first-child {
            border-radius: .28571rem 0 0 0
        }

        .select-field-main .select-field-wrapper.open .select-label > span:last-child {
            border-radius: 0 .28571rem 0 0
        }

        .select-field-main .select-field-wrapper.error label {
            color: #f02222
        }

        .select-field-main .select-field-wrapper.error .select-drop-wrapper span:first-child {
            border: .07143rem solid #f02222
        }

    .select-field-main.default-open .select-field-wrapper .select-drop-wrapper > ul {
        position: relative;
        top: -.07143rem
    }

    .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper .select-label > span:first-child {
        border: .07143rem solid #000;
        border-right: none;
        background-color: #fff;
        color: #000
    }

    .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper .select-label > span:last-child {
        background-color: #700000;
        border: .07143rem solid #700000;
        color: #fff
    }

    .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper > ul {
        border: .07143rem solid #000
    }

        .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper > ul li {
            background-color: #fff;
            color: #000
        }

            .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper > ul li:hover {
                background-color: #d1d1d1
            }

            .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper > ul li:active {
                background-color: #bfbfbf
            }

            .select-field-main.gcss-theme-light .select-field-wrapper .select-drop-wrapper > ul li.selected {
                background-color: #3e3e3e;
                color: #fff
            }

    .select-field-main.gcss-theme-light .select-field-wrapper label {
        color: #636363
    }

    .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper .select-label > span:first-child {
        border: .07143rem solid #fff;
        border-right: none;
        background-color: #fff;
        color: #000
    }

    .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper .select-label > span:last-child {
        background-color: #ba3b00;
        border: .07143rem solid #ba3b00;
        color: #fff
    }

    .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper > ul {
        border: .07143rem solid #fff
    }

        .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper > ul li {
            background-color: #fff;
            color: #000
        }

            .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper > ul li:hover {
                background-color: #d1d1d1
            }

            .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper > ul li:active {
                background-color: #bfbfbf
            }

            .select-field-main.gcss-theme-dark .select-field-wrapper .select-drop-wrapper > ul li.selected {
                background-color: #3e3e3e;
                color: #fff
            }

    .select-field-main.gcss-theme-dark .select-field-wrapper label {
        color: #bfbfbf
    }

.toggle-container label {
    padding-bottom: .71429rem;
    display: block;
    position: relative;
    top: 1.07143rem;
    left: .78571rem
}

.toggle-container .toggle-wrapper {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 1.07143rem .85714rem
}

    .toggle-container .toggle-wrapper .track {
        width: 3.92857rem;
        border-radius: 1.78571rem;
        min-height: 2rem;
        margin: 0;
        position: relative;
        overflow: hidden
    }

    .toggle-container .toggle-wrapper .knob {
        border-radius: 50%;
        width: 1.78571rem;
        height: 1.78571rem;
        display: inline-block;
        position: absolute;
        transition: left .2s ease-in;
        left: .14286rem;
        top: .07143rem;
        box-sizing: border-box
    }

        .toggle-container .toggle-wrapper .knob:not(.disabled):hover {
            top: .07143rem
        }

        .toggle-container .toggle-wrapper .knob:not(.disabled).slide {
            left: 1.92857rem
        }

    .toggle-container .toggle-wrapper .label {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        text-decoration: none
    }

        .toggle-container .toggle-wrapper .label.label-right {
            margin-left: .71429rem
        }

        .toggle-container .toggle-wrapper .label.label-left {
            margin-right: .71429rem
        }

    .toggle-container .toggle-wrapper.disabled {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

.toggle-container.gcss-theme-light label {
    color: #636363
}

.toggle-container.gcss-theme-light .track {
    background-color: #700000
}

.toggle-container.gcss-theme-light .knob {
    background-color: #fff;
    border: .07143rem solid #700000
}

    .toggle-container.gcss-theme-light .knob:not(.disabled).slide,
    .toggle-container.gcss-theme-light .knob:not(.disabled):hover {
        border: .14286rem solid #700000
    }

.toggle-container.gcss-theme-light .label {
    color: #636363
}

.toggle-container.gcss-theme-dark label {
    color: #bfbfbf
}

.toggle-container.gcss-theme-dark .track {
    background-color: #ba3b00
}

.toggle-container.gcss-theme-dark .knob {
    background-color: #000;
    border: .07143rem solid #ba3b00
}

    .toggle-container.gcss-theme-dark .knob:not(.disabled).slide,
    .toggle-container.gcss-theme-dark .knob:not(.disabled):hover {
        border: .14286rem solid #ba3b00
    }

.toggle-container.gcss-theme-dark .label {
    color: #bfbfbf
}

.copy-box-container {
    position: relative
}

    .copy-box-container h2,
    .copy-box-container p {
        font-weight: 400;
        margin: .71429rem
    }

@media screen and (max-width: 699px) {
    .copy-box-container p br {
        display: none
    }
}

.copy-box-container img {
    display: inline-block
}

.copy-box-container .buttons-container {
    margin-top: 2.14286rem;
    display: inline-block
}

@media screen {
    .copy-box-container .buttons-container a {
        margin: 0 .71429rem
    }
}

@media screen and (max-width: 509px) {
    .copy-box-container .buttons-container a {
        margin: .71429rem 0 0;
        width: 100%
    }
}

.copy-box-container .copy-box-background {
    z-index: 2
}

    .copy-box-container .copy-box-background .copy-box-overlay {
        width: 100%;
        height: 100%;
        display: block;
        background: #000;
        position: absolute;
        z-index: 2;
        opacity: .7
    }

    .copy-box-container .copy-box-background .display-media-container {
        z-index: 1
    }

.copy-box-container .copy-box-wrapper {
    padding: 2.14286rem 1.42857rem;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .copy-box-container .copy-box-wrapper.image-align-default-pos {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .copy-box-container .copy-box-wrapper.image-align-default-pos .description-col {
            margin: 0 auto
        }

        .copy-box-container .copy-box-wrapper.image-align-default-pos .sdp-row {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .copy-box-container .copy-box-wrapper.position-abs {
        position: absolute;
        top: 0
    }

    .copy-box-container .copy-box-wrapper .copy-block .box-title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.71429rem;
        font-weight: 700
    }

@media screen and (max-width: 699px) {
    .copy-box-container .copy-box-wrapper .copy-block .box-title {
        font-size: 1.78571rem
    }
}

.copy-box-container .copy-box-wrapper .copy-block .box-description {
    font-size: 1rem;
    line-height: 1.42857;
    margin: .71429rem .71429rem 0
}

.copy-box-container .copy-box-wrapper.image-align-left {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .copy-box-container .copy-box-wrapper.image-align-left .copy-block.copy {
        margin: 0 0 0 1.07143rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .copy-box-container .copy-box-wrapper.image-align-left .copy-block.copy h2,
        .copy-box-container .copy-box-wrapper.image-align-left .copy-block.copy p {
            margin-left: 0;
            margin-right: 0
        }

        .copy-box-container .copy-box-wrapper.image-align-left .copy-block.copy h2 {
            margin: 0
        }

    .copy-box-container .copy-box-wrapper.image-align-left .copy-block.image {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width: 699px) {
    .copy-box-container .copy-box-wrapper.image-align-left .copy-block.image {
        max-width: 45%;
        margin: 0 auto
    }
}

@media screen and (max-width: 699px) {
    .copy-box-container .copy-box-wrapper.image-align-left {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .copy-box-container .copy-box-wrapper.image-align-left .copy-block.copy {
            margin: .71429rem 0 0
        }
}

.copy-box-container .copy-box-wrapper.image-align-left .buttons-container a {
    margin: 0 .71429rem 0 0
}

@media screen and (max-width: 509px) {
    .copy-box-container .copy-box-wrapper.image-align-left .buttons-container a {
        margin: .71429rem 0 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .copy-box-container .copy-box-wrapper.image-align-left .buttons-container a:first-of-type {
        margin-bottom: 1.42857rem
    }
}

.copy-box-container.gcss-theme-medium {
    background-color: #d1d1d1
}

.copy-box-container.gcss-theme-light {
    background-color: #fff;
    color: #636363
}

    .copy-box-container.gcss-theme-light .copy-box-wrapper .copy-block .box-title {
        color: #333
    }

.copy-box-container.gcss-theme-dark {
    background-color: #000;
    color: #bfbfbf
}

    .copy-box-container.gcss-theme-dark .copy-box-wrapper .copy-block .box-title {
        color: #fff
    }

.cta-bar {
    background-color: #e7e7e7;
    padding-bottom: 1.07143rem;
    padding-top: 1.07143rem
}

.cta-bar-col {
    text-align: right
}

    .cta-bar-col > div {
        display: inline-block;
        margin-left: 1.07143rem
    }

        .cta-bar-col > div:first-child {
            margin-left: 0
        }

@media screen and (max-width: 1004px) {
    .cta-bar-col {
        text-align: center
    }
}

@media screen and (max-width: 699px) {
    .cta-bar.sdp-grid {
        padding-left: 0;
        padding-right: 0
    }

    .cta-bar-col {
        padding: 0
    }

        .cta-bar-col > div {
            width: 49.75%;
            margin-left: .5%
        }

            .cta-bar-col > div:first-child {
                margin-left: 0
            }

            .cta-bar-col > div a.gcss-button,
            .cta-bar-col > div a.gcss-button-secondary {
                display: block
            }
}

.text-field-wrapper .fields-wrapper,
.text-field-wrapper > form {
    display: inherit
}

    .text-field-wrapper .fields-wrapper > * {
        vertical-align: bottom
    }

.text-field-wrapper fieldset {
    display: inline;
    position: relative
}

    .text-field-wrapper fieldset:before {
        line-height: 0;
        position: absolute;
        top: 50%;
        left: .71429rem;
        color: #000
    }

.text-field-wrapper input {
    border-radius: .28571rem 0 0 .28571rem;
    background: #fff;
    border: .07143rem solid #bfbfbf;
    color: #636363;
    padding: 0 .71429rem 0 1.78571rem;
    min-height: 2.5rem;
    line-height: normal
}

    .text-field-wrapper input.placeholder {
        color: #636363
    }

    .text-field-wrapper input:-moz-placeholder,
    .text-field-wrapper input::-moz-placeholder {
        color: #636363
    }

    .text-field-wrapper input:-ms-input-placeholder {
        color: #636363
    }

    .text-field-wrapper input::-webkit-input-placeholder {
        color: #636363
    }

    .text-field-wrapper input:focus {
        border: .07143rem solid #700000;
        color: #000
    }

    .text-field-wrapper input.error {
        border: .07143rem solid #f02222
    }

    .text-field-wrapper input.disabled {
        background: #e7e7e7
    }

    .text-field-wrapper input[type=number]::-webkit-inner-spin-button,
    .text-field-wrapper input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
        opacity: 0
    }

    .text-field-wrapper input[type=number] {
        -moz-appearance: textfield
    }

.text-field-wrapper .icon {
    color: #000;
    height: 1.07143rem
}

.text-field-wrapper .gcss-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.text-field-wrapper .error-state {
    font-size: .85714rem;
    color: #f02222;
    padding-top: .71429rem
}

    .text-field-wrapper .error-state .icon {
        font-size: .71429rem;
        color: #f02222;
        padding-right: .35714rem
    }

.text-field-wrapper.block .gcss-button,
.text-field-wrapper.block input {
    border-radius: 0
}

.text-field-wrapper.responsive {
    width: 100%
}

    .text-field-wrapper.responsive > form {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .text-field-wrapper.responsive > form .fields-wrapper {
            width: 100%
        }

            .text-field-wrapper.responsive > form .fields-wrapper > fieldset {
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

@media screen and (min-width: 510px) {
    .text-field-wrapper.responsive > form .fields-wrapper > fieldset {
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0
    }
}

.text-field-wrapper.responsive > form .fields-wrapper > fieldset > input {
    width: 100%;
    height: auto
}

.text-field-wrapper.responsive > form .error-state {
    position: absolute;
    left: 0;
    top: 2.5rem
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .text-field-wrapper .main-nav-pinnedlinks .partialWidthNav .partialWidth .zipCode .text-field-wrapper .fields-wrapper fieldset input {
        height: 2.5rem !important
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1320px) {
    .text-field-wrapper .main-nav-pinnedlinks .partialWidthNav .partialWidth .zipCode .text-field-wrapper .fields-wrapper fieldset input {
        height: 2.5rem !important
    }
}

.text-field-wrapper.gcss-theme-light .error-state,
.text-field-wrapper.gcss-theme-light .error-state .icon {
    color: #f02222
}

.text-field-wrapper.gcss-theme-dark .error-state,
.text-field-wrapper.gcss-theme-dark .error-state .icon {
    color: #f63d3d
}

.ctacard-card-small {
    padding: 1.07143rem 1.78571rem
}

    .ctacard-card-small .ctacard-additional-content .incentives-content {
        width: 100%
    }

.ctacard-tile a {
    text-decoration: none
}

.ctacard-tile .badge-container {
    width: 100%
}

.ctacard-tile .ctacard-content-area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 9.28571rem
}

.ctacard-tile .ctacard-text > span {
    display: inline-block;
    margin-bottom: .28571rem;
    margin-right: .07143rem
}

.ctacard-tile .cta-wrapper .gcss-button-tertiary span {
    padding-right: 1.07143rem
}

.ctacard-tile .cta-wrapper a {
    padding: 0
}

    .ctacard-tile .cta-wrapper a .icon.gcss-icon-chevron-right-2 {
        height: 1.78571rem
    }

.ctacard-card-wide {
    padding: 1.42857rem 1.78571rem
}

    .ctacard-card-wide .ctacard-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (min-width: 1005px) {
    .ctacard-card-wide .ctacard-text-first .ctacard-additional-content {
        padding-left: 1.78571rem
    }

    .ctacard-card-wide .ctacard-text-last .ctacard-additional-content {
        padding-right: 1.42857rem
    }
}

@media screen and (max-width: 1004px) {
    .ctacard-card-wide .ctacard-text-first .ctacard-additional-content {
        margin-top: .71429rem
    }

    .ctacard-card-wide .ctacard-text-last .ctacard-additional-content {
        margin-bottom: .71429rem
    }
}

.ctacard-text-area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    transition: height .75s;
    height: 1px;
    font-size: .85714rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .ctacard-text-area {
        height: 100%
    }
}

.ctacard-card-small .ctacard-text-area.ctacard-text-first {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .ctacard-card-small .ctacard-text-area.ctacard-text-first .ctacard-additional-content {
        margin-top: .71429rem
    }

.ctacard-card-small .ctacard-text-area.ctacard-text-last {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

    .ctacard-card-small .ctacard-text-area.ctacard-text-last .ctacard-additional-content {
        margin-bottom: .71429rem
    }

.ctacard-card-wide .ctacard-text-area.ctacard-text-first,
.ctacard-card-wide .ctacard-text-area.ctacard-text-last {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1005px) {
    .ctacard-card-wide .ctacard-text-area.ctacard-text-first,
    .ctacard-card-wide .ctacard-text-area.ctacard-text-last {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ctacard-card-wide .ctacard-text-area.ctacard-text-last {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width: 1005px) {
    .ctacard-card-wide .ctacard-text-area.ctacard-text-last {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.ctacard-text-area.ctacard-text-left {
    text-align: left
}

.ctacard-text-area.ctacard-text-center {
    text-align: center
}

.ctacard-text-area,
::-ms-backdrop {
    display: block
}

.ctacard-additional-content {
    width: 100%
}

    .ctacard-additional-content .text-field-wrapper .gcss-button {
        padding: 0 3.57143rem 0 1.42857rem
    }

    .ctacard-additional-content .msrp-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }

    .ctacard-additional-content .badge-wrapper {
        padding: 0
    }

        .ctacard-additional-content .badge-wrapper .badge-container {
            margin: 0
        }

            .ctacard-additional-content .badge-wrapper .badge-container .sdp-col {
                width: 100%
            }

@media screen and (min-width: 1005px) {
    .ctacard-additional-content .incentives-container .incentives-content {
        min-width: 9.28571rem;
        padding-right: 10px
    }
}

.ctacard-fad .ctacard-content-fad {
    text-align: left
}

    .ctacard-fad .ctacard-content-fad label {
        display: block;
        margin-bottom: .71429rem;
        text-transform: uppercase
    }

    .ctacard-fad .ctacard-content-fad .gcss-button[class*=gcss-icon-]:before {
        left: 1.78571rem
    }

.gcss-theme-light.ctacard-content-area {
    background-color: #fff;
    color: #000
}

.gcss-theme-light .ctacard-tile .cta-wrapper a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.ctacard-tile:hover .gcss-theme-light .cta-button {
    color: #5d0000
}

.gcss-theme-dark.ctacard-content-area {
    background-color: #000;
    color: #fff
}

.gcss-theme-dark .ctacard-tile .cta-wrapper a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.ctacard-tile:hover .gcss-theme-dark .cta-button {
    color: #ab3600
}

.event-banner-wrapper.sdp-grid {
    text-align: center
}

    .event-banner-wrapper.sdp-grid .event-button {
        padding: .71429rem 0
    }

@media screen and (min-width: 1005px) {
    .event-banner-wrapper.sdp-grid .event-button {
        max-width: 8.92857rem
    }
}

.event-banner-wrapper.sdp-grid .event-button span {
    padding: 0 .14286rem
}

.event-banner-wrapper.sdp-grid .event-button .btn-copy {
    text-transform: capitalize
}

.event-banner-wrapper.sdp-grid .event-button .btn-icon {
    font-size: .78571rem
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info {
    text-transform: uppercase;
    padding: 1.14286rem 1.14286rem .71429rem;
    width: 100%;
    cursor: default
}

@media screen and (min-width: 1005px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info {
        max-width: 8.92857rem
    }
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        min-height: 2.42857rem
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li {
    margin-bottom: .35714rem
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li {
        margin: 0
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: .71429rem;
    margin-bottom: .71429rem;
    border-bottom: .07143rem solid
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        border-bottom: none;
        border-right: 1px solid;
        margin: 0;
        padding: .35714rem 1.07143rem
    }
}

@media screen and (max-width: 509px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.prevalue-text {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.prevalue-text {
        padding: 0 .35714rem 0 1.07143rem
    }
}

@media screen and (max-width: 509px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.prevalue-text {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.postvalue-text {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.postvalue-text {
        padding: 0 1.07143rem 0 .35714rem
    }
}

@media screen and (max-width: 509px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.postvalue-text {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.count-value {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.count-value {
        font-size: 2.14286rem
    }
}

@media screen and (max-width: 1004px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.count-value {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 500
    }
}

.event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.lone-arrow {
    display: none;
    font-size: .78571rem;
    padding-right: .71429rem
}

@media screen and (max-width: 509px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.lone-arrow {
        display: block
    }
}

@media screen and (max-width: 509px) {
    .event-banner-wrapper.sdp-grid > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-link.sdp-col {
        display: none
    }
}

.event-banner-wrapper.sdp-grid.gcss-theme-light .event-button {
    background-color: #252525
}

    .event-banner-wrapper.sdp-grid.gcss-theme-light .event-button:hover {
        background-color: #3a3a3a
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-light .event-button:active {
        background-color: #fff
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-light .event-button .btn-copy {
        color: #000
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-light .event-button.btn-icon {
        color: #700000
    }

.event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info {
    background-color: #414141;
    color: #414141
}

    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title {
        border-bottom-color: #700000;
        border-right-color: #700000
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.lone-arrow {
        color: #700000
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.count-value,
    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title,
    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.postvalue-text,
    .event-banner-wrapper.sdp-grid.gcss-theme-light > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.prevalue-text {
        color: #000
    }

.event-banner-wrapper.sdp-grid.gcss-theme-dark .event-button {
    background-color: #585858
}

    .event-banner-wrapper.sdp-grid.gcss-theme-dark .event-button:hover {
        background-color: #4d4d4d
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-dark .event-button:active {
        background-color: #000
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-dark .event-button .btn-copy {
        color: #fff
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-dark .event-button.btn-icon {
        color: #ba3b00
    }

.event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info {
    background-color: #414141;
    color: #414141
}

    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title {
        border-bottom-color: #ba3b00;
        border-right-color: #ba3b00
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.lone-arrow {
        color: #ba3b00
    }

    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.count-value,
    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.event-title,
    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.postvalue-text,
    .event-banner-wrapper.sdp-grid.gcss-theme-dark > .event-banner-wrapper__row.sdp-row > .event-banner-wrapper__col__event-banner-info.sdp-col ul.event-banner-info > li.prevalue-text {
        color: #fff
    }

.gcss-theme-light.feature-availability-label {
    color: #636363
}

.gcss-theme-light.feature-availability-label-0,
.gcss-theme-light.feature-availability-label-2 {
    color: #179103
}

.gcss-theme-light.feature-availability-label-1 {
    color: #ca4d01
}

.gcss-theme-dark.feature-availability-label {
    color: #fff
}

.gcss-theme-dark.feature-availability-label-0,
.gcss-theme-dark.feature-availability-label-2 {
    color: #1cc800
}

.gcss-theme-dark.feature-availability-label-1 {
    color: #ff9700
}

.feature-availability {
    overflow-x: hidden;
    margin-bottom: 2.14286rem
}

    .feature-availability .variation-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 2.14286rem
    }

@media screen and (max-width: 509px) {
    .feature-availability .variation-container {
        display: block
    }
}

.feature-availability .variation-container .cab {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .feature-availability .variation-container .cab label {
        font-size: 1rem
    }

    .feature-availability .variation-container .cab .select-field-main .select-field-wrapper select {
        margin-bottom: -1.07143rem
    }

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference,
normal) {
    .feature-availability .variation-container .cab .select-field-main .select-field-wrapper select {
        margin-bottom: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .feature-availability .variation-container .cab .select-field-main .select-field-wrapper select {
        margin-bottom: 0
    }
}

.feature-availability .variation-container .drive {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .feature-availability .variation-container .drive label {
        top: .35714rem
    }

    .feature-availability .variation-container .drive::-ms-backdrop,
    .feature-availability .variation-container .drive label {
        top: 0
    }

    .feature-availability .variation-container .drive .toggle-wrapper {
        padding-top: .57143rem
    }

    .feature-availability .variation-container .drive .toggle-wrapper,
    .feature-availability .variation-container .drive::-ms-backdrop {
        padding-top: .21429rem
    }

.feature-availability p {
    margin-top: .71429rem
}

.feature-availability table {
    width: 100%
}

.feature-availability caption {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

.feature-availability th {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    padding: 1.07143rem 0;
    text-align: left;
    text-transform: uppercase
}

.feature-availability td {
    padding: 1.07143rem .35714rem;
    text-transform: uppercase
}

    .feature-availability td:last-child,
    .feature-availability th:last-child {
        text-align: right
    }

.feature-availability.gcss-theme-light {
    background-color: #fff;
    color: #000
}

    .feature-availability.gcss-theme-light tr {
        border-bottom: 1px solid #bfbfbf
    }

.feature-availability.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

    .feature-availability.gcss-theme-dark tr {
        border-bottom: 1px solid #bfbfbf
    }

.expando {
    overflow: hidden
}

    .expando.vehicleHighlights-Expando .expando-content,
    .expando.vehicleHighlights-Expando .expando-heading {
        text-align: left;
        padding-left: 1.6%;
        padding-right: 1.6%
    }

    .expando .expando-heading {
        padding: 0 2.14286rem;
        width: 100%;
        cursor: pointer
    }

        .expando .expando-heading a:not(.bubble) {
            width: 100%;
            padding: 1.07143rem 0;
            display: table;
            text-decoration: none
        }

    .expando .expando-heading-title {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        display: table-cell;
        vertical-align: middle;
        padding-right: 1rem;
        cursor: pointer
    }

    .expando .expando-heading-chevron {
        vertical-align: middle;
        display: table-cell;
        width: 6%
    }

    .expando .expando-content {
        display: none;
        width: 100%
    }

    .expando .expando-content-block .sdp-grid {
        padding-left: 0;
        padding-right: 0
    }

    .expando.active .expando-content {
        display: block
    }

    .expando.expando-style-block.active .expando-heading {
        border: none
    }

    .expando.expando-style-line .expando-heading-title {
        font-size: 1rem;
        line-height: 1.42857;
        line-height: 1.42857rem
    }

    .expando.expando-style-line .expando-content {
        font-size: .85714rem
    }

    .expando.expando-style-line .expando-heading-chevron {
        font-size: .71429rem;
        padding: .21429rem 0;
        float: none;
        display: table-cell;
        vertical-align: middle;
        text-align: right
    }

    .expando.expando-style-line.active .expando-heading {
        border-bottom: none
    }

    .expando.expando-style-line.active .expando-heading-title {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.42857rem
    }

    .expando.expando-style-solidblock .expando-heading {
        height: 2.14286rem
    }

    .expando.expando-style-solidblock > a {
        padding: .46429rem 0
    }

    .expando.expando-style-solidblock .expando-heading-title {
        font-family: Roboto;
        font-size: 1.21429rem;
        font-weight: 700
    }

    .expando.expando-style-solidblock .expando-heading-chevron {
        font-size: .71429rem;
        padding: .28571rem 0
    }

    .expando.gcss-theme-light:not(.vehicleHighlights-Expando):not(:last-child).expando-style-line .expando-heading {
        border-bottom: none
    }

    .expando.gcss-theme-light.expando-style-block .expando-heading {
        background-color: #fff;
        border-top: .07143rem solid #bfbfbf;
        border-bottom: .07143rem solid #bfbfbf
    }

@media screen and (min-width: 700px) {
    .expando.gcss-theme-light.expando-style-block .expando-heading:hover {
        background-color: #bfbfbf
    }
}

.expando.gcss-theme-light.expando-style-block .expando-heading:active {
    background-color: #340000
}

.expando.gcss-theme-light.expando-style-block .expando-heading-title {
    color: #000
}

.expando.gcss-theme-light.expando-style-block .expando-heading-chevron {
    color: #700000
}

.expando.gcss-theme-light.expando-style-block.active .expando-heading {
    background-color: #700000
}

    .expando.gcss-theme-light.expando-style-block.active .expando-heading:hover {
        background-color: #5d0000
    }

    .expando.gcss-theme-light.expando-style-block.active .expando-heading:active {
        background-color: #340000
    }

.expando.gcss-theme-light.expando-style-block.active .expando-heading-chevron,
.expando.gcss-theme-light.expando-style-block.active .expando-heading-title {
    color: #fff
}

.expando.gcss-theme-light.expando-style-line .expando-heading {
    border-top: .07143rem solid #bfbfbf;
    border-bottom: .07143rem solid #bfbfbf
}

.expando.gcss-theme-light.expando-style-line .expando-content,
.expando.gcss-theme-light.expando-style-line .expando-heading-title {
    color: #000
}

    .expando.gcss-theme-light.expando-style-line .expando-heading-title:hover:active {
        color: #636363
    }

.expando.gcss-theme-light.expando-style-line .expando-heading-chevron {
    color: #000
}

.expando.gcss-theme-light.expando-style-line.vehicleHighlights-Expando.active .expando-heading,
.expando.gcss-theme-light.expando-style-line:last-child.active .expando-heading {
    border-bottom: none
}

.expando.gcss-theme-light.expando-style-line.vehicleHighlights-Expando.active .expando-content-row,
.expando.gcss-theme-light.expando-style-line:last-child.active .expando-content-row {
    border-bottom: .07143rem solid #bfbfbf
}

.expando.gcss-theme-light.expando-style-solidblock .expando-heading {
    background-color: #700000;
    color: #000
}

    .expando.gcss-theme-light.expando-style-solidblock .expando-heading:hover {
        background-color: #252525
    }

    .expando.gcss-theme-light.expando-style-solidblock .expando-heading:active {
        background-color: #3a3a3a
    }

.expando.gcss-theme-light.expando-style-solidblock .expando-heading-chevron,
.expando.gcss-theme-light.expando-style-solidblock .expando-heading-title {
    color: #000
}

.expando.gcss-theme-dark:not(.vehicleHighlights-Expando):not(:last-child).expando-style-line .expando-heading {
    border-bottom: none
}

.expando.gcss-theme-dark.expando-style-block .expando-heading {
    background-color: #000;
    border-top: .07143rem solid #bfbfbf;
    border-bottom: .07143rem solid #bfbfbf
}

@media screen and (min-width: 700px) {
    .expando.gcss-theme-dark.expando-style-block .expando-heading:hover {
        background-color: #bfbfbf
    }
}

.expando.gcss-theme-dark.expando-style-block .expando-heading:active {
    background-color: #892b00
}

.expando.gcss-theme-dark.expando-style-block .expando-heading-title {
    color: #fff
}

.expando.gcss-theme-dark.expando-style-block .expando-heading-chevron {
    color: #ba3b00
}

.expando.gcss-theme-dark.expando-style-block.active .expando-heading {
    background-color: #ba3b00
}

    .expando.gcss-theme-dark.expando-style-block.active .expando-heading:hover {
        background-color: #ab3600
    }

    .expando.gcss-theme-dark.expando-style-block.active .expando-heading:active {
        background-color: #892b00
    }

.expando.gcss-theme-dark.expando-style-block.active .expando-heading-chevron,
.expando.gcss-theme-dark.expando-style-block.active .expando-heading-title {
    color: #fff
}

.expando.gcss-theme-dark.expando-style-line .expando-heading {
    border-top: .07143rem solid #bfbfbf;
    border-bottom: .07143rem solid #bfbfbf
}

.expando.gcss-theme-dark.expando-style-line .expando-content,
.expando.gcss-theme-dark.expando-style-line .expando-heading-title {
    color: #fff
}

    .expando.gcss-theme-dark.expando-style-line .expando-heading-title:hover:active {
        color: #bfbfbf
    }

.expando.gcss-theme-dark.expando-style-line .expando-heading-chevron {
    color: #fff
}

.expando.gcss-theme-dark.expando-style-line.vehicleHighlights-Expando.active .expando-heading,
.expando.gcss-theme-dark.expando-style-line:last-child.active .expando-heading {
    border-bottom: none
}

.expando.gcss-theme-dark.expando-style-line.vehicleHighlights-Expando.active .expando-content-row,
.expando.gcss-theme-dark.expando-style-line:last-child.active .expando-content-row {
    border-bottom: .07143rem solid #bfbfbf
}

.expando.gcss-theme-dark.expando-style-solidblock .expando-heading {
    background-color: #ba3b00;
    color: #fff
}

    .expando.gcss-theme-dark.expando-style-solidblock .expando-heading:hover {
        background-color: #585858
    }

    .expando.gcss-theme-dark.expando-style-solidblock .expando-heading:active {
        background-color: #4d4d4d
    }

.expando.gcss-theme-dark.expando-style-solidblock .expando-heading-chevron,
.expando.gcss-theme-dark.expando-style-solidblock .expando-heading-title {
    color: #fff
}

.accordion {
    width: 100%
}

.tabcordion .tab-container .item-matrix {
    width: 100%
}

.tabcordion .tab-container .tab-fill.tab-list .tablist-tab {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabcordion .tab-container .tab-fill.tab-list .tablist-tab,
.tabcordion .tab-container::-ms-backdrop {
    -ms-flex: 1;
    flex: 1
}

.feature-carousel {
    width: 100%
}

    .feature-carousel .tabcordion .tab-list {
        padding-bottom: .71429rem;
        margin-bottom: -.71429rem
    }

@media screen and (min-width: 700px) {
    .feature-carousel .tabcordion .tab-list .active-tab span.indicator:after {
        border-width: .57143rem;
        bottom: -1.14286rem
    }
}

.feature-carousel .tab-container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-x: hidden
}

.feature-carousel .pinned-container {
    width: 100%
}

.feature-carousel .active-video-wrapper .layout-wrapper {
    width: 100% !important;
    height: 100% !important
}

    .feature-carousel .active-video-wrapper .layout-wrapper .responsive-img img {
        width: 100%
    }

@media screen and (max-width: 699px) {
    .feature-carousel .display-media-container .no-cta-overlay {
        left: .57143rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .feature-carousel .tablist-tab-content .image-description .sdp-col-second,
    .feature-carousel .tablist-tab-content .image-description .sdp-col-second .display-media-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.feature-carousel .gcss-theme-light a.tab-block.active-tab {
    background-color: #700000
}

.feature-carousel .gcss-theme-dark a.tab-block {
    border-top: none;
    border-bottom: none
}

    .feature-carousel .gcss-theme-dark a.tab-block.active-tab {
        background-color: #ba3b00
    }

.horizontal-vehicle-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .horizontal-vehicle-card .vehicleName {
        text-transform: uppercase
    }

    .horizontal-vehicle-card .brand-vehicle .vehicleName {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700
    }

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleName {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleName {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700;
        padding-top: .42857rem
    }
}

.horizontal-vehicle-card .brand-vehicle .vehicleTrim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleTrim {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleTrim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.horizontal-vehicle-card .brand-vehicle .vehicleConfigurations {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleConfigurations {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .brand-vehicle .vehicleConfigurations {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.horizontal-vehicle-card .brand-vehicle .gcss-button-tertiary,
.horizontal-vehicle-card .brand-vehicle .unpinned {
    margin-top: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card .brand-vehicle .gcss-button-tertiary,
    .horizontal-vehicle-card .brand-vehicle .unpinned {
        margin-top: .71429rem
    }
}

.horizontal-vehicle-card .competitor-vehicle .vehicleName {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleName {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleName {
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }
}

.horizontal-vehicle-card .competitor-vehicle .vehicleTrim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .71429rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleTrim {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400;
        padding-top: .42857rem
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleTrim {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.horizontal-vehicle-card .competitor-vehicle .vehicleConfigurations {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: 1.07143rem;
    text-transform: uppercase
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleConfigurations {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400;
        padding-top: .71429rem
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card .competitor-vehicle .vehicleConfigurations {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400
    }
}

.horizontal-vehicle-card .card-content {
    text-align: center;
    margin: auto
}

@media screen and (max-width: 509px) {
    .horizontal-vehicle-card {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.horizontal-vehicle-card .pinned {
    display: none
}

.horizontal-vehicle-card.gcss-theme-light .vehicleName,
.horizontal-vehicle-card.gcss-theme-light .vehicleTrim {
    color: #000
}

.horizontal-vehicle-card.gcss-theme-light .vehicleConfigurations {
    color: #636363
}

.horizontal-vehicle-card.gcss-theme-dark .vehicleConfigurations,
.horizontal-vehicle-card.gcss-theme-dark .vehicleName,
.horizontal-vehicle-card.gcss-theme-dark .vehicleTrim {
    color: #fff
}

.horizontal-vehicle-card.pinned .unpinned,
.sticky .horizontal-vehicle-card .unpinned {
    display: none
}

.horizontal-vehicle-card.pinned .pinned,
.sticky .horizontal-vehicle-card .pinned {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card.pinned .image-container,
    .sticky .horizontal-vehicle-card .image-container {
        display: none
    }
}

.horizontal-vehicle-card.pinned .brand-vehicle .vehicleTrim,
.sticky .horizontal-vehicle-card .brand-vehicle .vehicleTrim {
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card.pinned .brand-vehicle .vehicleTrim,
    .sticky .horizontal-vehicle-card .brand-vehicle .vehicleTrim {
        padding-top: .42857rem
    }
}

.horizontal-vehicle-card.pinned .brand-vehicle .pinned,
.sticky .horizontal-vehicle-card .brand-vehicle .pinned {
    padding-top: 1.42857rem
}

    .horizontal-vehicle-card.pinned .brand-vehicle .pinned .gcss-button-secondary,
    .sticky .horizontal-vehicle-card .brand-vehicle .pinned .gcss-button-secondary {
        margin-left: .71429rem
    }

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card.pinned .brand-vehicle .pinned,
    .sticky .horizontal-vehicle-card .brand-vehicle .pinned {
        padding-top: 1.07143rem
    }
}

@media screen and (max-width: 699px) {
    .horizontal-vehicle-card.pinned .brand-vehicle .pinned,
    .sticky .horizontal-vehicle-card .brand-vehicle .pinned {
        display: none
    }
}

.horizontal-vehicle-card.pinned .competitor-vehicle .vehicleTrim,
.sticky .horizontal-vehicle-card .competitor-vehicle .vehicleTrim {
    padding-top: .71429rem
}

@media screen and (max-width: 1004px) {
    .horizontal-vehicle-card.pinned .competitor-vehicle .vehicleTrim,
    .sticky .horizontal-vehicle-card .competitor-vehicle .vehicleTrim {
        padding-top: .42857rem
    }
}

.reveal-flag {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: inherit
}

    .reveal-flag > .reveal-flag-container {
        padding: .14286rem 1.14286rem;
        line-height: .71429rem
    }

        .reveal-flag > .reveal-flag-container > span.reveal-flag-content {
            font-family: Roboto Condensed;
            font-size: .71429rem;
            font-weight: 700;
            font-family: Roboto;
            text-transform: uppercase
        }

    .reveal-flag[data-variation=line] > .reveal-flag-container {
        position: relative;
        overflow: hidden;
        text-align: center
    }

@media screen and (max-width: 1004px) {
    .reveal-flag[data-variation=line] > .reveal-flag-container {
        top: -.35714rem
    }
}

.reveal-flag[data-variation=line] > .reveal-flag-container:after,
.reveal-flag[data-variation=line] > .reveal-flag-container:before {
    content: "";
    border: none;
    border-top-style: solid;
    border-top-width: .07143rem;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    height: .07143rem;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.reveal-flag[data-variation=line] > .reveal-flag-container:before {
    right: .42857rem;
    margin-left: -50%
}

.reveal-flag[data-variation=line] > .reveal-flag-container:after {
    left: .42857rem;
    margin-right: -50%
}

.reveal-flag[data-variation=block] {
    width: auto
}

.reveal-flag.gcss-theme-light[data-variation=block] > .reveal-flag-container {
    background-color: #700000
}

    .reveal-flag.gcss-theme-light[data-variation=block] > .reveal-flag-container > span.reveal-flag-content {
        color: #fff
    }

.reveal-flag.gcss-theme-light[data-variation=line] > .reveal-flag-container > span.reveal-flag-content {
    color: #700000
}

.reveal-flag.gcss-theme-light[data-variation=line] > .reveal-flag-container:after,
.reveal-flag.gcss-theme-light[data-variation=line] > .reveal-flag-container:before {
    border-color: #700000
}

.reveal-flag.gcss-theme-dark[data-variation=block] > .reveal-flag-container {
    background-color: #ba3b00
}

    .reveal-flag.gcss-theme-dark[data-variation=block] > .reveal-flag-container > span.reveal-flag-content {
        color: #fff
    }

.reveal-flag.gcss-theme-dark[data-variation=line] > .reveal-flag-container > span.reveal-flag-content {
    color: #ba3b00
}

.reveal-flag.gcss-theme-dark[data-variation=line] > .reveal-flag-container:after,
.reveal-flag.gcss-theme-dark[data-variation=line] > .reveal-flag-container:before {
    border-color: #ba3b00
}

.lineup-card {
    display: block;
    text-decoration: none
}

    .lineup-card .lineup-card__grid > .sdp-row.lineup-card__grid__row__reveal-flag {
        position: relative
    }

    .lineup-card .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col {
        width: 100%;
        text-align: center
    }

        .lineup-card .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > * {
            margin: 0 auto
        }

        .lineup-card .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container {
            width: 100%
        }

        .lineup-card .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content .msrp-wrapper {
            margin-top: .71429rem
        }

    .lineup-card[data-flexible-layout],
    .lineup-card[data-flexible-layout] > .lineup-card__grid {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            }

                .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image {
                    -webkit-flex-grow: 0;
                    -ms-flex-positive: 0;
                    flex-grow: 0;
                    min-height: 1px
                }

                    .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container > .responsive-img {
                        -webkit-flex: 1 1 0px;
                        -ms-flex: 1 1 0px;
                        flex: 1 1 0px
                    }

                .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content > .sdp-grid {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                    .lineup-card[data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content > .sdp-grid > .lineup-card__vehicle-content__pricing.sdp-row {
                        -webkit-align-items: flex-end;
                        -ms-flex-align: end;
                        align-items: flex-end
                    }

    .lineup-card[data-variation=jellybean] .lineup-card__grid > .sdp-row.lineup-card__grid__row__reveal-flag > .lineup-card__grid__col__reveal-flag {
        padding: inherit
    }

    .lineup-card[data-variation=jellybean] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container > .responsive-img {
        margin-bottom: 1.07143rem
    }

@media screen and (min-width: 510px) {
    .lineup-card[data-variation=jellybean] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container > .responsive-img {
        margin-bottom: .71429rem
    }
}

@media screen and (min-width: 700px) {
    .lineup-card[data-variation=jellybean] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container > .responsive-img {
        margin-bottom: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .lineup-card[data-variation=jellybean] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > .image-container > .responsive-img {
        margin-bottom: 1rem
    }
}

.lineup-card[data-variation=jellybean][data-flexible-layout] {
    position: relative
}

    .lineup-card[data-variation=jellybean][data-flexible-layout] .lineup-card__grid > .sdp-row.lineup-card__grid__row__reveal-flag {
        display: none
    }

    .lineup-card[data-variation=jellybean][data-flexible-layout] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle {
        margin: inherit;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        position: relative
    }

        .lineup-card[data-variation=jellybean][data-flexible-layout] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image {
            padding: inherit
        }

.lineup-card[data-variation=lifestyle] {
    position: relative
}

@media screen and (max-width: 1004px) {
    .lineup-card[data-variation=lifestyle] {
        padding: .71429rem 0
    }
}

.lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image {
    position: relative;
    padding: inherit
}

    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > * {
        padding-right: .71429rem
    }

@media screen and (min-width: 510px) {
    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > * {
        padding-right: 2.85714rem
    }
}

@media screen and (min-width: 700px) {
    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > * {
        padding-right: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image > * {
        padding-right: 0;
        margin-bottom: 1.07143rem
    }
}

.lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image .msrp-wrapper .price-container {
    margin: 0
}

@media screen and (max-width: 1004px) {
    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col {
            text-align: left;
            width: 50%
        }

            .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-image {
                -webkit-align-self: stretch;
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch
            }

            .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content .msrp-wrapper {
                margin-top: .5rem;
                padding: 0
            }

                .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content .msrp-wrapper > .sdp-row > .sdp-col {
                    -webkit-justify-content: flex-start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    text-align: left
                }

                    .lineup-card[data-variation=lifestyle] .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col.lineup-card__grid__col__vehicle-content .msrp-wrapper > .sdp-row > .sdp-col > .price-container {
                        margin: 0
                    }
}

@media screen and (max-width: 1004px) {
    .lineup-card[data-variation=lifestyle][data-flexible-layout] > .lineup-card__grid > .sdp-row.lineup-card__grid__row__vehicle {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.lineup-card.gcss-theme-light {
    background-color: #fff;
    color: #333
}

.lineup-card.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

.link-list {
    padding: 0 3.57143rem 2.14286rem 0
}

@media screen and (min-width: 1005px) {
    .link-list {
        padding: 0 1.42857rem 2.14286rem 0
    }
}

@media screen and (max-width: 699px) {
    .link-list.mobile-hide,
    .link-list li.mobile-hide {
        display: none !important
    }
}

.link-list.layout-horizontal .links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.42857rem
}

    .link-list.layout-horizontal .links li {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1.42857rem
    }

@media screen and (max-width: 509px) {
    .link-list.accordion {
        padding: 1.07143rem 0 0
    }

        .link-list.accordion .heading {
            cursor: pointer;
            padding-bottom: 0;
            margin-bottom: 1.07143rem
        }

            .link-list.accordion .heading .accordion-icon {
                float: right;
                padding: 0 .35714rem
            }

        .link-list.accordion .links {
            display: none
        }

            .link-list.accordion .links.isOpen {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-flow: row wrap;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap
            }

                .link-list.accordion .links.isOpen li {
                    width: 50%
                }
}

.link-list .heading {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1.42857rem
}

@media screen and (min-width: 510px) {
    .link-list .accordion-icon {
        display: none
    }
}

@media screen and (max-width: 509px) {
    .gcss-theme-light.link-list.accordion {
        border-bottom: .07143rem solid #700000
    }
}

.gcss-theme-light.link-list .link-text {
    color: #636363
}

    .gcss-theme-light.link-list .link-text:hover {
        color: #000
    }

.gcss-theme-light.link-list .heading {
    color: #333
}

.gcss-theme-light.link-list .links {
    color: #636363
}

@media screen and (max-width: 509px) {
    .gcss-theme-dark.link-list.accordion {
        border-bottom: .07143rem solid #fff
    }
}

.gcss-theme-dark.link-list .link-text {
    color: #bfbfbf
}

    .gcss-theme-dark.link-list .heading,
    .gcss-theme-dark.link-list .link-text:hover {
        color: #fff
    }

.gcss-theme-dark.link-list .links {
    color: #bfbfbf
}

.card-border {
    border: .07143rem solid;
    display: block;
    text-decoration: none;
    border-radius: .35714rem;
    cursor: pointer
}

    .card-border > .gcss-button-plain {
        width: 100%;
        position: inherit !important
    }

        .card-border > .gcss-button-plain:hover {
            text-decoration: none !important
        }

    .card-border .model-card-wrapper {
        padding: 0
    }

@media screen and (max-width: 509px) {
    .card-border {
        border-radius: .35714rem
    }
}

.card-border .model-card-container {
    padding: 2.14286rem 1.07143rem 0
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container {
        padding: 1.42857rem 1.07143rem 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.card-border .model-card-container .details-container {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container {
        padding-left: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-details {
        border-bottom: .07143rem solid;
        padding-bottom: .71429rem
    }
}

.card-border .model-card-container .details-container .vehicle-details .vehicle-name {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-details .vehicle-name {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 700;
        text-align: left
    }
}

.card-border .model-card-container .details-container .vehicle-details .vehicle-trim {
    font-family: Roboto;
    font-size: 1.21429rem;
    font-weight: 700;
    padding-top: .42857rem;
    text-align: center
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-details .vehicle-trim {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding-top: .35714rem;
        text-align: left
    }
}

.card-border .model-card-container .details-container .vehicle-details .vehicle-configurations {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    padding-top: .85714rem;
    line-height: 1.07143rem;
    text-align: center
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-details .vehicle-configurations {
        font-family: Roboto;
        font-size: .57143rem;
        font-weight: 400;
        padding-top: .35714rem;
        line-height: .85714rem;
        text-align: left
    }
}

.card-border .model-card-container .details-container .vehicle-picture {
    padding-top: 2.14286rem;
    padding-bottom: 2.14286rem;
    text-align: center;
    margin: auto
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-picture {
        padding-right: 1.07143rem;
        display: none
    }
}

.card-border .model-card-container .details-container .vehicle-picture .image-container {
    display: inline-block
}

.card-border .model-card-container .details-container .vehicle-picture img {
    max-width: 11.07143rem
}

.card-border .model-card-container .details-container .vehicle-claim {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.07143rem;
    text-align: center
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .details-container .vehicle-claim {
        font-family: Roboto;
        font-size: .57143rem;
        line-height: .85714rem;
        font-weight: 700;
        text-align: left;
        padding-top: .71429rem
    }
}

.card-border .model-card-container .details-container .disclosure-bubble-wrapper {
    padding-left: .35714rem
}

.card-border .model-card-container .vehicle-mobile-picture {
    display: none
}

@media screen and (max-width: 509px) {
    .card-border .model-card-container .vehicle-mobile-picture {
        display: block
    }
}

.card-border .model-card-container .vehicle-mobile-picture img {
    max-width: 7.14286rem
}

.card-border .vehicle-compare {
    padding-top: 2.14286rem;
    text-align: center
}

@media screen and (max-width: 509px) {
    .card-border .vehicle-compare {
        padding-top: 1.42857rem;
        text-align: center
    }
}

.card-border .vehicle-compare .gcss-button {
    padding-bottom: 15px;
    padding-top: 15px
}

    .card-border .vehicle-compare .gcss-button:after {
        padding-left: 10px;
        right: inherit
    }

.card-border.gcss-theme-light {
    background-color: #fff;
    border-color: #700000
}

    .card-border.gcss-theme-light:hover {
        border-color: #5d0000
    }

    .card-border.gcss-theme-light:active {
        border-color: #340000
    }

@media screen {
    .card-border.gcss-theme-light .model-card-container .details-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 509px) {
    .card-border.gcss-theme-light .model-card-container .details-container .vehicle-details {
        border-color: #bfbfbf
    }
}

.card-border.gcss-theme-light .model-card-container .details-container .vehicle-details .vehicle-name,
.card-border.gcss-theme-light .model-card-container .details-container .vehicle-details .vehicle-trim {
    color: #000
}

.card-border.gcss-theme-light .model-card-container .details-container .vehicle-details .vehicle-configurations {
    color: #636363
}

.card-border.gcss-theme-light .model-card-container .details-container .vehicle-claim {
    color: #000
}

.card-border.gcss-theme-dark {
    background-color: #000;
    border-color: #ba3b00
}

    .card-border.gcss-theme-dark:hover {
        border-color: #ab3600
    }

    .card-border.gcss-theme-dark:active {
        border-color: #892b00
    }

@media screen {
    .card-border.gcss-theme-dark .model-card-container .details-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 509px) {
    .card-border.gcss-theme-dark .model-card-container .details-container .vehicle-details {
        border-color: #bfbfbf
    }
}

.card-border.gcss-theme-dark .model-card-container .details-container .vehicle-claim,
.card-border.gcss-theme-dark .model-card-container .details-container .vehicle-details .vehicle-configurations,
.card-border.gcss-theme-dark .model-card-container .details-container .vehicle-details .vehicle-name,
.card-border.gcss-theme-dark .model-card-container .details-container .vehicle-details .vehicle-trim {
    color: #fff
}

.navigation-card-wrapper {
    padding-bottom: 1.07143rem;
    padding-top: 1.07143rem;
    text-transform: uppercase;
    position: relative
}

@media screen and (max-width: 699px) {
    .navigation-card-wrapper.hide-mobile {
        display: none !important
    }
}

.navigation-card-wrapper a {
    text-decoration: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navigation-card-wrapper .vehicle-name {
    display: inherit;
    text-align: left;
    margin-left: .14286rem;
    color: #000;
    line-height: normal;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .vehicle-name {
        margin-top: 1.21429rem;
        text-align: center
    }
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .msrp-wrapper {
        padding-bottom: .71429rem
    }
}

.navigation-card-wrapper .msrp-wrapper .sdp-col-center {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: inline;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .msrp-wrapper .sdp-col-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.navigation-card-wrapper .msrp-wrapper .price-container .price {
    font-family: Roboto;
    font-size: 1.21429rem;
    font-weight: 700
}

.navigation-card-wrapper .price-border {
    display: none;
    width: 100%;
    height: 0;
    padding-bottom: .07143rem;
    border-bottom: .07143rem solid #bfbfbf;
    margin-bottom: .92857rem
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .price-border {
        display: block
    }
}

.navigation-card-wrapper .navigation-card-container {
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .navigation-card-wrapper .navigation-card-container a {
        text-decoration: none;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .navigation-card-wrapper .navigation-card-container span.description {
        margin-left: .35714rem;
        margin-top: .57143rem;
        font-weight: 400;
        font-size: .71429rem;
        line-height: 1rem;
        text-transform: none
    }

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-container span.description {
        min-height: 2.07143rem
    }
}

.navigation-card-wrapper .navigation-card-container .msrp-wrapper {
    margin-top: .28571rem;
    margin-bottom: 0
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-container .msrp-wrapper {
        margin-bottom: 0;
        margin-top: .92857rem
    }
}

.navigation-card-wrapper .navigation-card-container .iconDetails .iconLabel {
    margin-left: 1.57143rem;
    color: #000;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-container .iconDetails .iconLabel {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        margin-left: 0
    }
}

.navigation-card-wrapper .navigation-card-container .iconDetails .icon {
    position: absolute;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700;
    color: #700000;
    font-weight: 400
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-container .iconDetails .icon {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: .71429rem;
        position: static
    }
}

.navigation-card-wrapper .navigation-card-container .iconWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: absolute;
    top: 50%;
    right: -10px
}

    .navigation-card-wrapper .navigation-card-container .iconWrapper .gcss-icon-chevron-right-2 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-container .iconWrapper {
        display: none
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .navigation-card-wrapper .navigation-card-container .iconWrapper {
        padding-right: .57143rem
    }
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .navigation-card-image {
        max-width: 21.78571rem;
        margin: 0 auto
    }
}

.navigation-card-wrapper .navigation-card-image .wrapper {
    position: relative
}

    .navigation-card-wrapper .navigation-card-image .wrapper.hasRevealFlag .display-media-container {
        top: .71429rem
    }

    .navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag {
        padding: inherit;
        position: absolute;
        top: 0;
        width: 100%;
        right: auto;
        left: 0
    }

        .navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag.reveal-block {
            padding: 0;
            left: auto
        }

@media screen and (max-width: 1004px) {
    .navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag.reveal-block {
        padding: inherit;
        left: 1.6%
    }
}

.navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag .reveal-flag {
    right: auto;
    top: 0
}

    .navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag .reveal-flag[data-variation=line] {
        position: relative;
        right: 0;
        padding: 0;
        padding-left: inherit
    }

    .navigation-card-wrapper .navigation-card-image .wrapper .vehicle-reveal-flag .reveal-flag[data-variation=block] {
        width: auto
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .navigation-card-wrapper .navigation-card-image .wrapper {
        padding-right: .85714rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .navigation-card-wrapper .navigation-card-image .wrapper {
        padding-right: 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .navigation-card-wrapper .navigation-card-image .wrapper {
        padding-right: .71429rem
    }
}

.navigation-card-wrapper .navigation-card-icon .wrapper {
    display: none
}

@media screen and (max-width: 509px) {
    .navigation-card-wrapper .navigation-card-icon .navigation-card-container {
        width: 100%
    }
}

.navigation-card-wrapper .key-stats-rail {
    padding-top: .57143rem
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .key-stats-rail {
        border-top: .07143rem solid #bfbfbf
    }
}

@media screen and (max-width: 509px) {
    .navigation-card-wrapper .key-stats-rail {
        display: none
    }
}

.navigation-card-wrapper .description {
    color: #636363;
    display: block;
    text-align: left
}

@media screen and (min-width: 1005px) {
    .navigation-card-wrapper .description {
        text-align: center
    }
}

@media screen and (max-width: 509px) {
    .navigation-card-wrapper .description {
        max-width: 90%
    }
}

.rotating-content-field {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    transition: min-height 1s ease
}

    .rotating-content-field > .rotating-content-field__content-item {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        opacity: 0;
        position: relative;
        transition: opacity 1s ease-in-out;
        z-index: 0
    }

        .rotating-content-field > .rotating-content-field__content-item.active {
            display: inline-block;
            opacity: 1;
            z-index: 2
        }

        .rotating-content-field > .rotating-content-field__content-item p {
            padding: 1.07143rem 1.78571rem .71429rem
        }

            .rotating-content-field > .rotating-content-field__content-item p.rotating-ctacard-text-center {
                text-align: center
            }

            .rotating-content-field > .rotating-content-field__content-item p.rotating-ctacard-text-left {
                text-align: left
            }

        .rotating-content-field > .rotating-content-field__content-item .ctacard-addl > .cta-wrapper {
            position: absolute;
            bottom: 0;
            left: 0
        }

    .rotating-content-field.initialized > .rotating-content-field__content-item {
        display: inline-block;
        position: absolute;
        left: 0
    }

.rotating-ctacard-tile-container {
    padding-right: 1.42857rem
}

    .rotating-ctacard-tile-container .rotating-ctacard-card-small .rotating-ctacard-additional-content .incentives-content {
        width: 100%
    }

    .rotating-ctacard-tile-container .rotating-ctacard-tile a {
        text-decoration: none
    }

    .rotating-ctacard-tile-container .rotating-ctacard-tile .badge-container {
        width: 100%
    }

    .rotating-ctacard-tile-container .rotating-ctacard-tile .rotating-ctacard-content-area {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        transition: height .75s;
        height: 1px
    }

    .rotating-ctacard-tile-container .rotating-ctacard-tile .rotating-ctacard-text {
        width: 100%;
        height: 100%
    }

        .rotating-ctacard-tile-container .rotating-ctacard-tile .rotating-ctacard-text > span {
            display: inline-block;
            margin-bottom: .28571rem;
            margin-right: .07143rem
        }

    .rotating-ctacard-tile-container .rotating-ctacard-tile .cta-wrapper .gcss-button-tertiary span {
        padding-right: 1.07143rem
    }

    .rotating-ctacard-tile-container .rotating-ctacard-tile .cta-wrapper a {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding: 0
    }

        .rotating-ctacard-tile-container .rotating-ctacard-tile .cta-wrapper a .icon.gcss-icon-chevron-right-2 {
            height: 1.78571rem
        }

    .rotating-ctacard-tile-container .rotating-ctacard-card-wide .rotating-ctacard-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

@media screen and (min-width: 1005px) {
    .rotating-ctacard-tile-container .rotating-ctacard-card-wide .rotating-ctacard-text-first .col.flush.rotating-ctacard-additional-content {
        padding-left: 1.42857rem
    }

    .rotating-ctacard-tile-container .rotating-ctacard-card-wide .rotating-ctacard-text-last .col.flush.rotating-ctacard-additional-content {
        padding-right: 1.42857rem
    }
}

@media screen and (max-width: 1004px) {
    .rotating-ctacard-tile-container .rotating-ctacard-card-wide .rotating-ctacard-text-first .col.flush.rotating-ctacard-additional-content {
        margin-top: .71429rem
    }

    .rotating-ctacard-tile-container .rotating-ctacard-card-wide .rotating-ctacard-text-last .col.flush.rotating-ctacard-additional-content {
        margin-bottom: .71429rem
    }
}

.rotating-ctacard-tile-container .rotating-ctacard-additional-content .text-field-wrapper .gcss-button {
    padding: 0 3.57143rem 0 1.42857rem
}

.rotating-ctacard-tile-container .rotating-ctacard-additional-content .msrp-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.rotating-ctacard-tile-container .rotating-ctacard-additional-content .badge-wrapper {
    padding: 0
}

    .rotating-ctacard-tile-container .rotating-ctacard-additional-content .badge-wrapper .badge-container {
        margin: 0
    }

        .rotating-ctacard-tile-container .rotating-ctacard-additional-content .badge-wrapper .badge-container .col {
            width: 100%
        }

.rotating-ctacard-tile-container .rotating-ctacard-fad .rotating-ctacard-content-fad {
    padding: 1.78571rem;
    width: 100%
}

    .rotating-ctacard-tile-container .rotating-ctacard-fad .rotating-ctacard-content-fad label {
        display: block;
        margin-bottom: .71429rem;
        text-transform: uppercase
    }

    .rotating-ctacard-tile-container .rotating-ctacard-fad .rotating-ctacard-content-fad .gcss-button[class*=gcss-icon-]:before {
        left: 1.78571rem
    }

.rotating-ctacard-tile-container .rotating-content-field {
    height: 100%
}

    .rotating-ctacard-tile-container .rotating-content-field,
    .rotating-ctacard-tile-container .rotating-content-field::-ms-backdrop {
        display: block
    }

        .rotating-ctacard-tile-container .rotating-content-field > .rotating-content-field__content-item {
            width: 100%
        }

            .rotating-ctacard-tile-container .rotating-content-field > .rotating-content-field__content-item > div > div:not(:last-child) {
                padding: 0 1.78571rem
            }

        .rotating-ctacard-tile-container .rotating-content-field .ctacard-addl {
            height: 100%
        }

            .rotating-ctacard-tile-container .rotating-content-field .ctacard-addl .incentives-container.incentive-single {
                height: 100%;
                margin-bottom: 28px
            }

            .rotating-ctacard-tile-container .rotating-content-field .ctacard-addl .incentives-content {
                width: 100%
            }

        .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item {
            height: 100%;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item.show {
                height: 100%
            }

                .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item.show .ctacard-addl {
                    height: auto
                }

            .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl {
                width: 100%;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-flex: 2;
                -ms-flex: 2;
                flex: 2
            }

                .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .msrp-wrapper {
                    margin-top: 0;
                    margin-bottom: 0
                }

                    .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .msrp-wrapper > .sdp-row > .sdp-col-center > * {
                        text-align: end
                    }

                .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .badge-wrapper {
                    padding: 0
                }

                    .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .badge-wrapper .badge-container {
                        margin: 0
                    }

                        .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .badge-wrapper .badge-container .sdp-col {
                            padding: 0
                        }

                .rotating-ctacard-tile-container .rotating-content-field.initialized > .rotating-content-field__content-item .ctacard-addl .incentives-content {
                    width: 100%
                }

.rotating-ctacard-tile-container.gcss-theme-light .rotating-ctacard-content-area {
    background-color: #fff;
    color: #000
}

.rotating-ctacard-tile-container.gcss-theme-light .rotating-ctacard-tile .cta-wrapper a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.rotating-ctacard-tile:hover .rotating-ctacard-tile-container.gcss-theme-light .cta-button {
    color: #5d0000
}

.rotating-ctacard-tile-container.gcss-theme-dark .rotating-ctacard-content-area {
    background-color: #000;
    color: #fff
}

.rotating-ctacard-tile-container.gcss-theme-dark .rotating-ctacard-tile .cta-wrapper a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.rotating-ctacard-tile:hover .rotating-ctacard-tile-container.gcss-theme-dark .cta-button {
    color: #ab3600
}

.swatch-item-wrapper {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.07143rem;
    height: 3.07143rem;
    padding: .14286rem;
    cursor: pointer;
    margin-left: 1.07143rem;
    margin-right: 1.07143rem;
    position: relative;
    overflow: hidden;
    border: .07143rem solid transparent
}

@media screen and (max-width: 1004px) {
    .swatch-item-wrapper {
        -webkit-flex: 0 0 3.07143rem;
        -ms-flex: 0 0 3.07143rem;
        flex: 0 0 3.07143rem
    }
}

.swatch-item-wrapper .swatch {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.swatch-item-wrapper .icon-border {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: .07143rem solid transparent
}

    .swatch-item-wrapper .icon-border .icon {
        position: relative;
        top: .28571rem;
        left: .28571rem;
        width: 1.71429rem;
        height: 1.71429rem
    }

.swatch-item-wrapper img {
    border-radius: 50%;
    -moz-user-select: none
}

.swatch-item-wrapper.disabled {
    cursor: none;
    pointer-events: none;
    opacity: .35;
    border-color: #bfbfbf
}

.swatch-item-wrapper.gcss-theme-light .icon-border {
    border: .07143rem solid #bfbfbf
}

.swatch-item-wrapper.gcss-theme-light .swatch {
    border: .07143rem solid transparent
}

.swatch-item-wrapper.gcss-theme-light img {
    border: .07143rem solid #414141;
    background-color: #414141
}

.swatch-item-wrapper.gcss-theme-light.toggle {
    border-color: #000
}

    .swatch-item-wrapper.gcss-theme-light.toggle .icon-border {
        border: .07143rem solid transparent
    }

@media screen and (min-width: 1005px) {
    .swatch-item-wrapper.gcss-theme-light.toggle:hover {
        border-color: #414141
    }

        .swatch-item-wrapper.gcss-theme-light.toggle:hover .icon-border {
            border: .07143rem solid transparent
        }
}

@media screen and (min-width: 1005px) {
    .swatch-item-wrapper.gcss-theme-light:hover {
        border-color: #414141
    }
}

.swatch-item-wrapper.gcss-theme-dark .icon-border {
    border: .07143rem solid #bfbfbf
}

.swatch-item-wrapper.gcss-theme-dark .swatch {
    border: .07143rem solid transparent
}

.swatch-item-wrapper.gcss-theme-dark img {
    border: .07143rem solid #414141;
    background-color: #414141
}

.swatch-item-wrapper.gcss-theme-dark.toggle {
    border-color: #fff
}

    .swatch-item-wrapper.gcss-theme-dark.toggle .icon-border {
        border: .07143rem solid transparent
    }

@media screen and (min-width: 1005px) {
    .swatch-item-wrapper.gcss-theme-dark.toggle:hover {
        border-color: #414141
    }

        .swatch-item-wrapper.gcss-theme-dark.toggle:hover .icon-border {
            border: .07143rem solid transparent
        }
}

@media screen and (min-width: 1005px) {
    .swatch-item-wrapper.gcss-theme-dark:hover {
        border-color: #414141
    }
}

.swatch-group .swatch-list-container {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width: 1005px) {
    .swatch-group .swatch-list-container {
        overflow-x: hidden;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.swatch-group .swatch-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: .71429rem;
    padding-top: .14286rem;
    width: auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1004px) {
    .swatch-group .swatch-list {
        padding-left: .71429rem;
        padding-right: .71429rem;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        .swatch-group .swatch-list > div:first-child {
            margin-left: auto
        }

        .swatch-group .swatch-list > div:last-child {
            margin-right: auto
        }

        .swatch-group .swatch-list > .swatch-list-label:first-child {
            margin-left: auto
        }
}

@media screen and (min-width: 1005px) {
    .swatch-group .swatch-list {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 1.42857rem;
        margin-right: 1.42857rem
    }
}

.swatch-group .swatch-list .swatch-list-label {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    max-width: 7.14286rem
}

@media screen and (max-width: 1004px) {
    .swatch-group .swatch-list + .swatch-list {
        position: relative;
        margin-left: 1.42857rem;
        padding-left: 2.14286rem
    }

        .swatch-group .swatch-list + .swatch-list:before {
            content: "";
            position: absolute;
            display: block;
            top: .5rem;
            bottom: .35714rem;
            left: 0;
            width: .07143rem;
            background: #bfbfbf
        }
}

.swatch-group .label-block {
    text-align: center;
    margin-top: .35714rem
}

@media screen and (min-width: 1005px) {
    .swatch-group .label-block {
        margin-top: 0
    }
}

.swatch-group.gcss-theme-light {
    background-color: #fff
}

    .swatch-group.gcss-theme-light .swatch-list-label {
        color: #000
    }

    .swatch-group.gcss-theme-light .label-block.hasHover {
        color: #636363
    }

.swatch-group.gcss-theme-dark {
    background-color: #000
}

    .swatch-group.gcss-theme-dark .swatch-list-label {
        color: #fff
    }

    .swatch-group.gcss-theme-dark .label-block.hasHover {
        color: #bfbfbf
    }

.table-row-container {
    text-align: center
}

    .table-row-container .title {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 700;
        padding-top: 2.5rem;
        padding-bottom: 1.78571rem
    }

@media screen and (max-width: 699px) {
    .table-row-container .title {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900;
        padding-top: 1.28571rem;
        padding-bottom: 1.28571rem
    }
}

.table-row-container .layout {
    padding-bottom: 2.5rem
}

@media screen and (max-width: 699px) {
    .table-row-container .layout {
        padding-bottom: 1.28571rem
    }
}

.table-row-container.gcss-theme-light.color1 {
    background-color: #fff
}

    .table-row-container.gcss-theme-light.color1 .title {
        color: #000
    }

.table-row-container.gcss-theme-light.color2 {
    background-color: #e7e7e7
}

    .table-row-container.gcss-theme-light.color2 .title {
        color: #000
    }

.table-row-container.gcss-theme-dark.color1 {
    background-color: #000
}

    .table-row-container.gcss-theme-dark.color1 .title {
        color: #fff
    }

.table-row-container.gcss-theme-dark.color2 {
    background-color: #212121
}

    .table-row-container.gcss-theme-dark.color2 .title {
        color: #fff
    }

.text-blurb .text-blurb-container {
    padding: 0 .35714rem;
    max-width: 17.85714rem;
    margin: 0 auto
}

@media screen and (max-width: 699px) {
    .text-blurb .text-blurb-container {
        padding-bottom: 1.42857rem
    }
}

.text-blurb .text-blurb-container .text-blurb-top {
    display: table-cell;
    vertical-align: bottom
}

.text-blurb .text-blurb-container .row1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: .35714rem
}

    .text-blurb .text-blurb-container .row1 .responsive-img img {
        margin-right: .71429rem;
        height: 3.21429rem
    }

    .text-blurb .text-blurb-container .row1 .responsive-img:not(.stretch) img {
        width: auto
    }

    .text-blurb .text-blurb-container .row1 .largeLabel {
        color: #333;
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700;
        /*font-family: Breakers Slab;*/
        margin: 1.78571rem .5rem 0 .21429rem
    }

@media screen and (max-width: 699px) {
    .text-blurb .text-blurb-container .row1 .largeLabel {
        font-size: 1.57143rem
    }
}

.text-blurb .text-blurb-container .row1 .smallLabel {
    font-family: Roboto;
    /*font-family: Breakers Slab;*/
    line-height: 1.7
}

.text-blurb .text-blurb-container .value {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700;
    margin-right: .71429rem;
    margin-bottom: 1.07143rem
}

@media screen and (max-width: 699px) {
    .text-blurb .text-blurb-container .value {
        font-size: 2.14286rem
    }
}

.text-blurb .text-blurb-container .units {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700;
    margin-bottom: 1.07143rem;
    margin-right: 0
}

@media screen and (max-width: 699px) {
    .text-blurb .text-blurb-container .units {
        font-size: 2.14286rem
    }
}

.text-blurb .text-blurb-container .keyline {
    width: 96%;
    display: block;
    margin-right: .71429rem;
    margin-bottom: 1.07143rem;
    margin-left: 0
}

.text-blurb .text-blurb-container .highlightTitle {
    font-family: Roboto Condensed;
    margin-bottom: 1.07143rem;
    padding-left: .35714rem;
    text-align: left;
    width: 98%;
    padding-right: 2%;
    font-size: .85714rem
}

@media screen and (max-width: 509px) {
    .text-blurb .text-blurb-container .highlightTitle {
        font-size: .71429rem
    }
}

.text-blurb.gcss-theme-light .text-blurb-container {
    background-color: #fff
}

    .text-blurb.gcss-theme-light .text-blurb-container .largeLabel,
    .text-blurb.gcss-theme-light .text-blurb-container .smallLabel,
    .text-blurb.gcss-theme-light .text-blurb-container .units,
    .text-blurb.gcss-theme-light .text-blurb-container .value {
        color: #000
    }

    .text-blurb.gcss-theme-light .text-blurb-container .keyline {
        border-top: 1px solid #700000
    }

    .text-blurb.gcss-theme-light .text-blurb-container .highlightTitle {
        color: #636363
    }

    .text-blurb.gcss-theme-light .text-blurb-container .disclosure-bubble-wrapper {
        color: #000
    }

.text-blurb.gcss-theme-dark .text-blurb-container {
    background-color: #3e3e3e
}

    .text-blurb.gcss-theme-dark .text-blurb-container .largeLabel,
    .text-blurb.gcss-theme-dark .text-blurb-container .smallLabel,
    .text-blurb.gcss-theme-dark .text-blurb-container .units,
    .text-blurb.gcss-theme-dark .text-blurb-container .value {
        color: #fff
    }

    .text-blurb.gcss-theme-dark .text-blurb-container .keyline {
        border-top: 1px solid #ba3b00
    }

    .text-blurb.gcss-theme-dark .text-blurb-container .highlightTitle {
        color: #bfbfbf
    }

    .text-blurb.gcss-theme-dark .text-blurb-container .disclosure-bubble-wrapper {
        color: #fff
    }

.table-row .item-matrix {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.5rem
}

    .table-row .item-matrix .arrow-container {
        display: none
    }

    .table-row .item-matrix .inner-column {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .table-row .item-matrix .inner-column .availability-col {
            padding: .71429rem 0;
            text-transform: capitalize
        }

        .table-row .item-matrix .inner-column .column-sep {
            height: 100%;
            position: absolute;
            width: .14286rem;
            right: 0;
            top: 0
        }

.table-row .feature-heading {
    width: 100%;
    text-align: center;
    padding: 2.5rem 0 1.78571rem;
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700
}

@media screen and (min-width: 1005px) {
    .table-row.col-length-1 .layout-scroll .col-item {
        width: 99.5%
    }

    .table-row.col-length-2 .layout-scroll .col-item {
        width: 49.5%
    }

    .table-row.col-length-3 .layout-scroll .col-item {
        width: 32.83333%
    }

    .table-row.col-length-4 .layout-scroll .col-item {
        width: 24.5%
    }

    .table-row.col-length-5 .layout-scroll .col-item {
        width: 19.5%
    }
}

.table-row.gcss-theme-light .inner-column .column-sep {
    background: #bfbfbf
}

.table-row.gcss-theme-light.row-color-primary {
    background-color: #fff
}

.table-row.gcss-theme-light.row-color-secondary {
    background-color: #e7e7e7
}

.table-row.gcss-theme-light .feature-heading {
    color: #000
}

.table-row.gcss-theme-dark .inner-column .column-sep {
    background: #bfbfbf
}

.table-row.gcss-theme-dark.row-color-primary {
    background-color: #000
}

.table-row.gcss-theme-dark.row-color-secondary {
    background-color: #212121
}

.table-row.gcss-theme-dark .feature-heading {
    color: #fff
}

.software-download-wrapper {
    padding-bottom: 3.57143rem;
    padding-top: 3.57143rem
}

    .software-download-wrapper .update-header {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center
    }

@media screen and (max-width: 699px) {
    .software-download-wrapper .update-header {
        font-size: 1.57143rem
    }
}

.software-download-wrapper .error-message,
.software-download-wrapper .update-desc {
    padding-top: 2.14286rem;
    text-align: center
}

.software-download-wrapper .update-desc {
    font-size: 1rem;
    line-height: 1.42857;
    text-transform: uppercase
}

.software-download-wrapper .instructions {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    padding-top: 2.5rem
}

@media screen and (max-width: 699px) {
    .software-download-wrapper .instructions {
        font-size: 1.57143rem
    }
}

.software-download-wrapper .instructions-desc {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 1.07143rem;
    padding-bottom: 3.57143rem
}

    .software-download-wrapper .instructions-desc a {
        display: inline;
        color: #700000
    }

        .software-download-wrapper .instructions-desc a:hover {
            color: #5d0000;
            text-decoration: none
        }

.software-download-wrapper .download-disclaimer {
    font-size: .85714rem;
    font-style: italic;
    padding-top: 2.85714rem;
    padding-bottom: 5.35714rem
}

.gcss-theme-light .software-download-wrapper {
    background-color: #fff
}

    .gcss-theme-light .software-download-wrapper .instructions,
    .gcss-theme-light .software-download-wrapper .instructions-desc,
    .gcss-theme-light .software-download-wrapper .update-header {
        color: #636363
    }

.gcss-theme-dark .software-download-wrapper {
    background-color: #000
}

    .gcss-theme-dark .software-download-wrapper .instructions,
    .gcss-theme-dark .software-download-wrapper .instructions-desc,
    .gcss-theme-dark .software-download-wrapper .update-header {
        color: #bfbfbf
    }

.table-header .item-matrix {
    padding-left: 0;
    padding-right: 0
}

    .table-header .item-matrix .system-link {
        text-decoration: none
    }

        .table-header .item-matrix .system-link .inner-column {
            width: 100%;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .table-header .item-matrix .system-link .inner-column .image-container {
                width: 80%;
                min-height: 100%;
                max-width: 21.42857rem;
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center
            }

            .table-header .item-matrix .system-link .inner-column .sub-header {
                width: 100%;
                text-align: center;
                padding: .71429rem 0;
                font-size: 1rem
            }

            .table-header .item-matrix .system-link .inner-column .column-sep {
                height: 20%;
                position: absolute;
                width: .14286rem;
                right: 0;
                top: 50%;
                margin-top: -10%
            }

@media screen and (min-width: 1005px) {
    .table-header.col-length-1 .layout-scroll .col-item {
        width: 99.5%
    }

    .table-header.col-length-2 .layout-scroll .col-item {
        width: 49.5%
    }

    .table-header.col-length-3 .layout-scroll .col-item {
        width: 32.83333%
    }

    .table-header.col-length-4 .layout-scroll .col-item {
        width: 24.5%
    }

    .table-header.col-length-5 .layout-scroll .col-item {
        width: 19.5%
    }
}

.table-header.gcss-theme-light .column-sep {
    background: #bfbfbf
}

.table-header.gcss-theme-light .system-link {
    color: #333
}

.table-header.gcss-theme-dark .column-sep {
    background: #bfbfbf
}

.table-header.gcss-theme-dark .system-link {
    color: #fff
}

.system-compare-container {
    padding-bottom: 3.57143rem
}

    .system-compare-container .compare-conatiner-inner-col {
        position: relative
    }

    .system-compare-container .container-header {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center;
        width: 100%;
        display: inline-block;
        padding-bottom: 1.42857rem
    }

@media screen and (max-width: 699px) {
    .system-compare-container .container-header {
        font-size: 1.57143rem
    }
}

.system-compare-container .table-header {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.system-compare-container .feature-set-container {
    text-align: center;
    overflow-y: auto;
    box-sizing: border-box
}

    .system-compare-container .feature-set-container .layout-scroll {
        overflow: hidden
    }

    .system-compare-container .feature-set-container .expando .expando-heading-row {
        margin: 0
    }

        .system-compare-container .feature-set-container .expando .expando-heading-row .expando-heading-title {
            text-align: left;
            text-transform: uppercase
        }

        .system-compare-container .feature-set-container .expando .expando-heading-row .expando-heading-chevron {
            text-align: right
        }

    .system-compare-container .feature-set-container .expando .expando-content-row {
        margin: 0
    }

        .system-compare-container .feature-set-container .expando .expando-content-row .expando-content {
            padding-left: 0;
            padding-right: 0
        }

@media screen and (min-width: 1005px) {
    .system-compare-container.has-scroll .table-header {
        padding-right: 1.71429rem
    }
}

.system-compare-container.gcss-theme-light .container-header {
    color: #000
}

.system-compare-container.gcss-theme-light .feature-set-container .expando .expando-heading-row {
    background-color: #000;
    color: #fff
}

.system-compare-container.gcss-theme-dark .container-header,
.system-compare-container.gcss-theme-light .feature-set-container .expando .expando-heading-chevron {
    color: #fff
}

.system-compare-container.gcss-theme-dark .feature-set-container .expando .expando-heading-row {
    background-color: #000;
    color: #fff
}

.system-compare-container.gcss-theme-dark .feature-set-container .expando .expando-heading-chevron {
    color: #fff
}

.vin-search-wrapper {
    padding-top: 1.78571rem;
    padding-bottom: 1.78571rem
}

    .vin-search-wrapper form a.gcss-button {
        padding-top: .78571rem;
        padding-bottom: .71429rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

@media screen and (max-width: 699px) {
    .vin-search-wrapper form a.gcss-button {
        padding-top: .92857rem;
        padding-bottom: .71429rem;
        font-size: .71429rem
    }
}

.vin-search-wrapper .vin-heading {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    font-size: 2.14286rem;
    font-weight: 400;
    padding-bottom: 2.14286rem;
    text-transform: uppercase
}

@media screen and (max-width: 699px) {
    .vin-search-wrapper .vin-heading {
        font-size: 1.57143rem
    }
}

@media screen and (max-width: 509px) {
    .vin-search-wrapper .vin-heading {
        padding-left: 1.07143rem;
        padding-right: 1.07143rem
    }
}

.vin-search-wrapper .text-field-wrapper.responsive > form .fields-wrapper > fieldset > input {
    height: 100%
}

.vin-details-modal-wrapper {
    padding-bottom: 5rem;
    padding-top: 2.14286rem;
    color: #000
}

    .vin-details-modal-wrapper .vin-error {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        font-size: 2.5rem;
        font-weight: 700;
        padding-bottom: 2.14286rem;
        text-transform: uppercase;
        text-align: center
    }

@media screen and (max-width: 699px) {
    .vin-details-modal-wrapper .vin-error {
        font-size: 1.57143rem
    }
}

.vin-details-modal-wrapper .vin-error-message {
    text-align: center
}

.vin-details-modal-wrapper .update-modal-title {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 2.14286rem;
    text-transform: uppercase;
    text-align: center
}

@media screen and (max-width: 699px) {
    .vin-details-modal-wrapper .update-modal-title {
        font-size: 1.57143rem
    }
}

.vin-details-modal-wrapper .update-detail {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center
}

.vin-details-modal-wrapper .update-header {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    padding-top: 4.28571rem
}

@media screen and (max-width: 699px) {
    .vin-details-modal-wrapper .update-header {
        font-size: 1.57143rem
    }
}

.vin-details-modal-wrapper .update-not-available {
    text-align: center
}

.vin-details-modal-wrapper .campaign-name {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    padding-top: 1.07143rem
}

@media screen and (max-width: 699px) {
    .vin-details-modal-wrapper .campaign-name {
        font-size: 1.57143rem
    }
}

.vin-details-modal-wrapper .service-details-wrapper {
    font-size: 1rem;
    line-height: 1.42857;
    text-transform: uppercase;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.gcss-theme-light.vin-search-wrapper {
    background-color: #fff
}

    .gcss-theme-light.vin-search-wrapper .vin-heading {
        color: #333
    }

.gcss-theme-dark.vin-search-wrapper {
    background-color: #000
}

    .gcss-theme-dark.vin-search-wrapper .vin-heading {
        color: #fff
    }

body.has-hero-component .mobile-header-disclosure-button {
    display: none
}

.disclosure-button-wrapper {
    display: none;
    padding-top: 1.07143rem;
    padding-bottom: 1.07143rem;
    background-color: #000
}

@media screen and (max-width: 1004px) {
    .disclosure-button-wrapper.visible {
        display: block
    }
}

@media screen and (min-width: 1005px) {
    .disclosure-button-wrapper {
        display: none
    }
}

.disclosure-button-wrapper .disclosure {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    margin-right: .28571rem;
    width: 100%;
    display: block
}

.disclosure-button-wrapper .disclosure-button {
    position: relative;
    text-align: center;
    padding: .71429rem 1.42857rem
}

.disclosure-button-wrapper.gcss-theme-light .disclosure-button {
    background-color: #e7e7e7
}

.disclosure-button-wrapper.gcss-theme-light .disclosure {
    color: #636363
}

.disclosure-button-wrapper.gcss-theme-dark .disclosure-button {
    background-color: #212121
}

.disclosure-button-wrapper.gcss-theme-dark .disclosure {
    color: #bfbfbf
}

.comparison-spec-container {
    width: inherit
}

    .comparison-spec-container .comparison-spec-icon {
        border-radius: 50%
    }

        .comparison-spec-container .comparison-spec-icon:before {
            font-size: 1.57143rem;
            background-color: #fff;
            border-radius: 50%
        }

@media screen {
    .comparison-spec-container .emphasized {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.2
    }
}

@media screen and (max-width: 699px) {
    .comparison-spec-container .emphasized {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 900
    }
}

@media screen {
    .comparison-spec-container .standard {
        font-family: Roboto;
        font-size: 1.42857rem;
        font-weight: 400;
        line-height: 1.2
    }
}

@media screen and (max-width: 699px) {
    .comparison-spec-container .standard {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 400
    }
}

.comparison-spec-container .gcss-theme-light.comparison-spec-icon:before {
    color: #700000
}

.comparison-spec-container .gcss-theme-light.emphasized {
    padding-left: .57143rem;
    color: #000
}

.comparison-spec-container .gcss-theme-light.standard {
    padding-left: .57143rem;
    color: #3e3e3e
}

.comparison-spec-container .gcss-theme-dark.comparison-spec-icon:before {
    color: #ba3b00
}

.comparison-spec-container .gcss-theme-dark.emphasized {
    padding-left: .57143rem;
    color: #fff
}

.comparison-spec-container .gcss-theme-dark.standard {
    padding-left: .57143rem;
    color: #bfbfbf
}

.offer-wrapper {
    margin: 0;
    padding: 0
}

    .offer-wrapper .sdp-row.offer-container {
        margin: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .offer-wrapper .sdp-row.offer-container .title {
            font-family: Roboto;
            font-size: .85714rem;
            font-weight: 700;
            text-align: left
        }

        .offer-wrapper .sdp-row.offer-container .value-details {
            font-family: Roboto;
            font-size: 1.78571rem;
            font-weight: 700;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .offer-wrapper .sdp-row.offer-container .value-details .disclosure-bubble-wrapper {
                margin: 0 0 0 .21429rem
            }

            .offer-wrapper .sdp-row.offer-container .value-details .label {
                font-size: .85714rem;
                display: block
            }

                .offer-wrapper .sdp-row.offer-container .value-details .label .disclosure-bubble {
                    margin-left: .35714rem;
                    display: inline-block
                }

                .offer-wrapper .sdp-row.offer-container .value-details .label .offer-info {
                    display: inline-block
                }

            .offer-wrapper .sdp-row.offer-container .value-details .value {
                float: left;
                margin: 0 .35714rem 0 0
            }

            .offer-wrapper .sdp-row.offer-container .value-details.stacked {
                display: inline-block;
                -webkit-align-items: inherit;
                -ms-flex-align: inherit;
                align-items: inherit
            }

                .offer-wrapper .sdp-row.offer-container .value-details.stacked > * {
                    width: 100%
                }

                .offer-wrapper .sdp-row.offer-container .value-details.stacked .value {
                    display: block;
                    margin-bottom: .71429rem
                }

        .offer-wrapper .sdp-row.offer-container .details {
            font-family: Roboto;
            font-size: .71429rem;
            font-weight: 400
        }

        .offer-wrapper .sdp-row.offer-container > .sdp-col.offer-container {
            width: 100%
        }

            .offer-wrapper .sdp-row.offer-container > .sdp-col.offer-container > * {
                margin-top: .71429rem;
                -webkit-align-items: flex-start;
                -ms-flex-align: start;
                align-items: flex-start
            }

            .offer-wrapper .sdp-row.offer-container > .sdp-col.offer-container > :first-child {
                margin-top: 0
            }

            .offer-wrapper .sdp-row.offer-container > .sdp-col.offer-container > .details {
                margin-top: .35714rem
            }

    .offer-wrapper.center,
    .offer-wrapper.center .sdp-row.offer-container .title {
        text-align: center
    }

        .offer-wrapper.center .sdp-row.offer-container .value-details {
            display: block
        }

            .offer-wrapper.center .sdp-row.offer-container .value-details .value {
                display: inline-block
            }

            .offer-wrapper.center .sdp-row.offer-container .value-details .label {
                display: inline-block;
                vertical-align: middle
            }

            .offer-wrapper.center .sdp-row.offer-container .value-details.stacked {
                display: block;
                -webkit-align-items: inherit;
                -ms-flex-align: inherit;
                align-items: inherit
            }

                .offer-wrapper.center .sdp-row.offer-container .value-details.stacked .label,
                .offer-wrapper.center .sdp-row.offer-container .value-details.stacked .value {
                    display: block
                }

    .offer-wrapper.gcss-theme-light.offer-wrapper,
    .offer-wrapper.gcss-theme-light.offer-wrapper .title,
    .offer-wrapper.gcss-theme-light.offer-wrapper .value-details .label,
    .offer-wrapper.gcss-theme-light.offer-wrapper .value-details .value {
        color: #000
    }

        .offer-wrapper.gcss-theme-light.offer-wrapper .details {
            color: #636363
        }

    .offer-wrapper.gcss-theme-dark.offer-wrapper,
    .offer-wrapper.gcss-theme-dark.offer-wrapper .title,
    .offer-wrapper.gcss-theme-dark.offer-wrapper .value-details .label,
    .offer-wrapper.gcss-theme-dark.offer-wrapper .value-details .value {
        color: #fff
    }

        .offer-wrapper.gcss-theme-dark.offer-wrapper .details {
            color: #bfbfbf
        }

.sectionheader + .sectionheader .section-header {
    z-index: 4
}

.section-header {
    position: relative;
    text-align: center;
    padding: 2.85714rem;
    z-index: 4
}

.section-header__description__wrapper {
    margin: 0 auto
}

.section-header__description {
    padding: .71429rem 0 .14286rem
}

.section-header.has-arrow {
    z-index: 5
}

    .section-header.has-arrow:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -.71429rem;
        width: 0;
        height: 0;
        border-top: .71429rem solid;
        border-left: .71429rem solid transparent;
        border-right: .71429rem solid transparent
    }

.section-header.gcss-theme-light {
    background-color: #fff
}

    .section-header.gcss-theme-light .section-header__description,
    .section-header.gcss-theme-light .section-header__title {
        color: #000
    }

    .section-header.gcss-theme-light.has-arrow:after {
        border-top-color: #fff
    }

.section-header.gcss-theme-dark {
    background-color: #000
}

    .section-header.gcss-theme-dark .section-header__description,
    .section-header.gcss-theme-dark .section-header__title {
        color: #fff
    }

    .section-header.gcss-theme-dark.has-arrow:after {
        border-top-color: #000
    }

.section-header.gcss-theme-medium {
    background-color: #d1d1d1
}

    .section-header.gcss-theme-medium .section-header__description,
    .section-header.gcss-theme-medium .section-header__title {
        color: #000
    }

    .section-header.gcss-theme-medium.has-arrow:after {
        border-top-color: #d1d1d1
    }

.badge-container-wrapper {
    position: relative;
    overflow: hidden
}

    .badge-container-wrapper h2 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        font-size: 2.14286rem;
        font-weight: 400;
        display: inline-block;
        text-transform: uppercase
    }

@media screen and (max-width: 699px) {
    .badge-container-wrapper h2 {
        font-size: 1.42857rem
    }
}

.badge-container-wrapper.gcss-theme-medium {
    background-color: #d1d1d1
}

@media screen and (max-width: 1004px) {
    .badge-container-wrapper .badge-wrapper .badge-container {
        margin: 0
    }
}

@media screen and (min-width: 1005px) {
    .badge-container-wrapper {
        overflow: hidden
    }
}

.badge-container-wrapper .badge-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0
}

    .badge-container-wrapper .badge-wrapper.active-container {
        opacity: 1;
        z-index: 2
    }

.badge-container-wrapper .rotating .badge-wrapper {
    position: absolute
}

@media screen and (max-width: 699px) {
    .badge-container-wrapper .rotating .badge-wrapper .badge-container > .sdp-col {
        max-width: 90%
    }
}

.badge-container-wrapper.gcss-theme-light {
    background-color: #fff;
    color: #000
}

    .badge-container-wrapper.gcss-theme-light h2 {
        color: #000
    }

.badge-container-wrapper.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

    .badge-container-wrapper.gcss-theme-dark h2 {
        color: #fff
    }

.color-palette {
    padding: 2.14286rem;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #bfbfbf;
    margin: 0 0 -.07143rem .07143rem
}

    .color-palette,
    .color-palette .palette-board {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .color-palette .palette-board {
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .color-palette .palette-board .color {
                height: 7.14286rem;
                width: 7.14286rem
            }

                .color-palette .palette-board .color.c-fff,
                .color-palette .palette-board .color.c-ffffff {
                    border: 1px solid;
                    border-color: #bfbfbf
                }

        .color-palette .palette-detail .type {
            text-transform: capitalize
        }

        .color-palette .palette-detail .color-code {
            text-transform: uppercase
        }

        .color-palette .palette-detail h4 {
            padding: .35714rem
        }

.colors-list-container .section-header {
    text-transform: uppercase
}

.colors-list-container .layout-grid {
    border: 1px solid;
    border-color: #bfbfbf
}

.colors-list-container .theme-toggle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #bfbfbf
}

    .colors-list-container .theme-toggle.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 99;
        max-width: 102.85714rem
    }

.media-detail-wrapper .video-container,
.media-detail-wrapper .video-container video {
    width: 100%
}

.gcss-theme-light.media-detail-wrapper {
    background-color: #fff
}

.gcss-theme-dark.media-detail-wrapper {
    background-color: #000
}

.mediaExpand {
    margin-right: auto;
    margin-left: auto;
    z-index: 5;
    overflow: hidden
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .mediaExpand {
        padding-left: 8.3%;
        padding-right: 8.3%
    }
}

@media screen and (min-width: 1005px) {
    .mediaExpand {
        padding: 5.71429rem 8.3% .71429rem
    }

        .mediaExpand .ucx-close-button {
            padding: 1.42857rem
        }
}

@media screen and (max-width: 699px) {
    .mediaExpand .ucx-close-button {
        padding: .42857rem
    }
}

.mediaExpand .disableLeft {
    display: none
}

.mediaExpand .arrow {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .mediaExpand .arrow {
        top: -7%
    }
}

.mediaExpand .arrow.left {
    left: 0
}

@media screen and (min-width: 1005px) {
    .mediaExpand .arrow.left {
        left: 2.14286rem
    }
}

.mediaExpand .arrow.left.hide {
    display: none
}

    .mediaExpand .arrow.left.hide .arrow-hover .left:hover {
        cursor: default;
        background: none
    }

        .mediaExpand .arrow.left.hide .arrow-hover .left:hover .arrow-icon {
            color: transparent
        }

.mediaExpand .arrow.right {
    right: 0
}

@media screen and (min-width: 1005px) {
    .mediaExpand .arrow.right {
        right: 2.14286rem
    }
}

.mediaExpand .arrow .icon {
    color: #bfbfbf
}

.mediaExpand .media-detail-wrapper {
    opacity: 0
}

    .mediaExpand .media-detail-wrapper .media-description-wrapper {
        min-height: 7.85714rem;
        position: relative;
        z-index: 2
    }

@media screen and (min-width: 1005px) {
    .mediaExpand .media-detail-wrapper {
        position: relative;
        margin: 0 auto
    }
}

.mediaExpand.mediaExpandContainer {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: .71429rem
}

@media screen and (min-width: 1005px) {
    .mediaExpand.mediaExpandContainer {
        max-width: 103.57143rem;
        position: relative
    }
}

.mediaExpand .media-close-btn {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none
}

    .mediaExpand .media-close-btn:after {
        font-size: 2rem
    }

@media screen and (min-width: 1005px) {
    .mediaExpand .media-close-btn {
        right: 2.14286rem
    }
}

@media screen and (max-width: 699px) {
    .mediaExpand .arrow {
        top: -15%
    }

    .mediaExpand .showRight > .col-item {
        padding-right: .35714rem
    }
}

.ucl-modal-window .mediaExpand.mediaExpandContainer {
    margin-top: 0;
    padding-top: 1.78571rem
}

.ucl-modal-window .mediaExpand .media-detail-wrapper {
    opacity: 1
}

@media screen and (min-width: 1005px) {
    .expand-container .width-wrapper {
        display: block;
        height: 100%;
        position: relative;
        margin: 0 auto
    }
}

.gcss-theme-light.mediaExpand {
    background: #e7e7e7
}

    .gcss-theme-light.mediaExpand .arrow .icon {
        color: #bfbfbf
    }

.gcss-theme-light.media-description-wrapper,
.gcss-theme-light.media-detail-wrapper .display-media-container {
    background-color: #e7e7e7
}

    .gcss-theme-light.media-description-wrapper .item-matrix a,
    .gcss-theme-light.media-description-wrapper .media-description,
    .gcss-theme-light.media-description-wrapper .media-title {
        color: #000
    }

@media screen and (min-width: 1005px) {
    .expand-container .width-wrapper {
        background-color: #e7e7e7
    }
}

.gcss-theme-dark.mediaExpand {
    background: #212121
}

    .gcss-theme-dark.mediaExpand .arrow .icon {
        color: #bfbfbf
    }

.gcss-theme-dark.media-description-wrapper,
.gcss-theme-dark.media-detail-wrapper .display-media-container {
    background-color: #212121
}

    .gcss-theme-dark.media-description-wrapper .item-matrix a,
    .gcss-theme-dark.media-description-wrapper .media-description,
    .gcss-theme-dark.media-description-wrapper .media-title {
        color: #fff
    }

@media screen and (min-width: 1005px) {
    .expand-container .width-wrapper {
        background-color: #212121
    }
}

.filterable-list {
    transition: all 2s ease;
    position: relative
}

    .filterable-list.gcss-theme-light a.tablist-tab span {
        color: #636363
    }

    .filterable-list.gcss-theme-dark a.tablist-tab.disabled span,
    .filterable-list.gcss-theme-dark a.tablist-tab span,
    .filterable-list.gcss-theme-dark a:hover.tablist-tab.disabled span,
    .filterable-list.gcss-theme-light a.tablist-tab.disabled span,
    .filterable-list.gcss-theme-light a:hover.tablist-tab.disabled span {
        color: #bfbfbf
    }

    .filterable-list .item-matrix.show-more-btn,
    .filterable-list .item-matrix.thumbnail-matrix {
        padding: 0 .71429rem
    }

    .filterable-list .filter-btn-group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .filterable-list .filter-btn-group .tablist-tab {
            text-decoration: none;
            text-transform: uppercase
        }

            .filterable-list .filter-btn-group .tablist-tab.active-tab span {
                font-family: Roboto;
                font-size: .85714rem;
                font-weight: 700
            }

    .filterable-list .thumbnail-matrix > .sdp-row > .sdp-col {
        padding-top: 1.6%;
        padding-bottom: 1.6%
    }

@media screen and (min-width: 700px) {
    .filterable-list .thumbnail-matrix > .sdp-row > .sdp-col {
        padding-top: .78125%;
        padding-bottom: .78125%
    }
}

.filterable-list .thumbnail-matrix .video-vertical {
    width: 100%;
    padding: 0
}

.filterable-list .thumbnail-matrix .media-container .galleryThumb {
    position: relative
}

.filterable-list .thumbnail-matrix .media-container .arrow-up {
    width: 0;
    height: 0;
    border-left: .71429rem solid transparent;
    border-right: .71429rem solid transparent;
    content: "";
    margin-top: 0;
    left: 50%;
    position: absolute;
    margin-left: .71429rem;
    opacity: 0
}

    .filterable-list .thumbnail-matrix .media-container .arrow-up.activeDrawer {
        opacity: 1;
        height: auto
    }

.filterable-list .expand-container {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    transition: all .25s ease-in
}

@media screen and (max-width: 509px) {
    .filterable-list .media-detail-wrapper .display-media-container,
    .filterable-list .media-detail-wrapper .video-container {
        margin: 2.85714rem 0 0
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .filterable-list .media-detail-wrapper .display-media-container,
    .filterable-list .media-detail-wrapper .video-container {
        margin: 2.85714rem 0 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .filterable-list .media-detail-wrapper .display-media-container,
    .filterable-list .media-detail-wrapper .video-container {
        margin: 5.71429rem 0 0
    }
}

.gcss-theme-light .filterable-list .thumbnail-matrix .media-container .arrow-up.activeDrawer {
    border-bottom: .71429rem solid #212121
}

.gcss-theme-dark .filterable-list .thumbnail-matrix .media-container .arrow-up.activeDrawer {
    border-bottom: .71429rem solid #e7e7e7
}

.font-palette {
    padding: 2.14286rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .font-palette .font-details {
        font-weight: 500
    }

    .font-palette .text {
        padding: 1.07143rem 0
    }

    .font-palette .font-selector {
        font-weight: 500
    }

.form-modal {
    text-align: center;
    padding: .71429rem .71429rem .35714rem
}

    .form-modal .title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }

@media screen and (max-width: 699px) {
    .form-modal .title {
        font-size: 1.57143rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .form-modal .title {
        padding-top: 4.28571rem
    }
}

@media screen and (max-width: 509px) {
    .form-modal .title {
        padding-top: 2.85714rem
    }
}

.form-modal .description {
    margin: auto;
    font-size: .85714rem
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .form-modal .description {
        padding-top: 1.78571rem
    }
}

@media screen and (max-width: 509px) {
    .form-modal .description {
        padding-top: 1.78571rem
    }
}

.form-modal .modal-content .ucx22-radio-button {
    padding-top: 0
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .form-modal .modal-content {
        padding: 2.85714rem 3.57143rem 4.28571rem
    }
}

@media screen and (max-width: 509px) {
    .form-modal .modal-content {
        padding: 2.85714rem 1.07143rem
    }
}

.form-modal .cta-bar {
    position: relative
}

    .form-modal .cta-bar a:after {
        display: none
    }

    .form-modal .cta-bar a[class*=gcss-icon-] {
        position: absolute;
        top: 44%;
        left: 10%;
        cursor: pointer
    }

@media screen and (min-width: 510px) and (max-width: 699px) {
    .form-modal .cta-bar a[class*=gcss-icon-] {
        left: 15%
    }
}

@media screen and (max-width: 509px) {
    .form-modal .cta-bar a[class*=gcss-icon-] {
        left: 8%;
        top: 43%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .form-modal .cta-bar a[class*=gcss-icon-] {
        left: 22%
    }
}

@media screen and (max-width: 509px) {
    .form-modal .cta-bar div:nth-of-type(2) a {
        padding: .85714rem 1.14286rem .71429rem 1.78571rem
    }
}

.form-modal .gcss-theme-light .title {
    color: #000
}

.form-modal .gcss-theme-light .description {
    color: #636363
}

.form-modal .gcss-theme-light .cta-bar {
    background-color: #e7e7e7
}

.form-modal .gcss-theme-dark .description,
.form-modal .gcss-theme-dark .title {
    color: #fff
}

.form-modal .gcss-theme-dark .cta-bar {
    background-color: #212121
}

.page-section h2 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    font-size: 2.14286rem;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase
}

@media screen and (max-width: 699px) {
    .page-section h2 {
        font-size: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .page-section h2 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.14286rem;
        font-weight: 400
    }
}

@media screen and (min-width: 1005px) and (max-width: 699px) {
    .page-section h2 {
        font-size: 1.42857rem
    }
}

.page-section.theme-medium {
    background-color: #d1d1d1
}

.page-section.gcss-theme-light {
    background-color: #fff;
    color: #000
}

    .page-section.gcss-theme-light h2 {
        color: #000
    }

.page-section.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

    .page-section.gcss-theme-dark h2 {
        color: #fff
    }

.icon-list-container .icon-board {
    padding: 2.14286rem;
    height: 10.71429rem;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #bfbfbf;
    margin: 0 0 -.07143rem .07143rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .icon-list-container .icon-board .icon-wrap {
        text-align: center
    }

    .icon-list-container .icon-board .icon {
        font-size: 2.14286rem
    }

    .icon-list-container .icon-board h3 {
        text-transform: capitalize;
        font-family: Roboto;
        font-size: 1.21429rem;
        font-weight: 700
    }

.icon-list-container .layout-grid {
    border: 1px solid;
    border-color: #bfbfbf
}

.typography {
    margin: 0 2.85714rem;
    padding: 0 3.57143rem
}

.gsg-container {
    position: relative;
    margin-bottom: 3.57143rem
}

    .gsg-container .gsg-navigation .tab-list {
        padding-bottom: 0
    }

        .gsg-container .gsg-navigation .tab-list a {
            text-transform: uppercase;
            padding: 2.85714rem 1.78571rem
        }

            .gsg-container .gsg-navigation .tab-list a.tablist-tab:first-child {
                margin-left: 8.92857rem
            }

            .gsg-container .gsg-navigation .tab-list a.active-tab span,
            .gsg-container .gsg-navigation .tab-list a span {
                font-family: Roboto;
                font-size: 1rem;
                font-weight: 700
            }

        .gsg-container .gsg-navigation .tab-list .indicator {
            display: none
        }

    .gsg-container .gsg-navigation .tab-content .tablist-tab-content {
        padding: 0
    }

        .gsg-container .gsg-navigation .tab-content .tablist-tab-content .page-header {
            padding: 3.57143rem
        }

            .gsg-container .gsg-navigation .tab-content .tablist-tab-content .page-header .sub-title {
                text-transform: none;
                font-size: 1rem;
                line-height: 1.42857;
                font-family: Roboto
            }

    .gsg-container .brand-logo {
        position: absolute;
        z-index: 99;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 7.14286rem;
        height: 6.78571rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .gsg-container .brand-logo .link-image {
            margin-bottom: 0
        }

    .gsg-container .select-brand {
        position: absolute;
        z-index: 99;
        right: 2.85714rem;
        padding: 2.85714rem 0;
        text-transform: uppercase
    }

        .gsg-container .select-brand a {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700
        }

    .gsg-container .tab-list {
        background: #000
    }

        .gsg-container .tab-list a {
            color: #fff
        }

            .gsg-container .tab-list a.active-tab {
                background-color: #3e3e3e
            }

            .gsg-container .tab-list a:hover {
                background-color: #585858
            }

                .gsg-container .tab-list a:hover span {
                    text-decoration: none
                }

    .gsg-container .tab-content .page-header {
        background-color: #212121
    }

    .gsg-container .select-brand a,
    .gsg-container .tab-content .sub-title,
    .gsg-container .tab-content .title {
        color: #fff
    }

.lfa-container {
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
    background-color: #fff
}

    .lfa-container .banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .lfa-container .banner-container[data-variation^=with_image] .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.lfa-container .sdp-col-lg-3 .banner-container .sdp-col.banner__grid__col__content-image,
.lfa-container .sdp-col-lg-4 .banner-container .sdp-col.banner__grid__col__content-image,
.lfa-container .sdp-col-lg-6 .banner-container .sdp-col.banner__grid__col__content-image {
    display: none
}

.lfa-container .sdp-col-lg-6 {
    position: relative
}

    .lfa-container .sdp-col-lg-6 .banner-container {
        height: 100%
    }

    .lfa-container .sdp-col-lg-6 .banner__grid__col__content-supporting-visual {
        width: auto
    }

    .lfa-container .sdp-col-lg-6 .content-titles__grid > div {
        margin-left: 0
    }

@media screen and (min-width: 1005px) {
    .lfa-container .sdp-col-lg-4 {
        position: relative
    }

        .lfa-container .sdp-col-lg-4 .banner-container {
            min-height: 17.85714rem
        }

            .lfa-container .sdp-col-lg-4 .banner-container.sdp-grid {
                padding: 2.5rem
            }

                .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
                    -webkit-flex: 1 1 auto;
                    -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
                    min-height: 5.35714rem;
                    width: 100%
                }

                    .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container {
                        font-size: 3.71429rem
                    }

                        .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=icon] {
                            font-size: 4.5rem
                        }

                        .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual$=_text] {
                            font-size: 5rem
                        }

                        .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual$=_icon] {
                            font-size: 2.71429rem;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-align-items: center;
                            -ms-flex-align: center;
                            align-items: center;
                            margin-bottom: .28571rem
                        }

                        .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual$=_dynamic_text] {
                            font-size: 3rem
                        }

                    .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.content-visual-text-container__grid__col__content-titles {
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        margin-top: .71429rem
                    }

                        .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-col.content-visual-text-container__grid__col__content-titles .title {
                            font-size: 1rem
                        }

                    .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .banner__grid__col__content-supporting-visual {
                        font-size: 2rem;
                        width: 100%
                    }

                    .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .sdp-row.content-visual-text-container__grid__row {
                        -webkit-align-items: flex-start;
                        -ms-flex-align: start;
                        align-items: flex-start
                    }

                    .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-titles__grid > .sdp-row:nth-child(n+2) {
                        margin-top: .35714rem
                    }

                .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content .banner__grid__col__content-buttons {
                    margin-top: 2.5rem;
                    -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1
                }

                .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid .sdp-row.banner__grid__row__content .banner__grid__col__content-buttons {
                    -webkit-flex-grow: 0;
                    -ms-flex-positive: 0;
                    flex-grow: 0
                }

                .lfa-container .sdp-col-lg-4 .banner-container .sdp-grid.banner__grid .buttons__grid__col__buttons {
                    position: absolute;
                    left: 2.14286rem;
                    bottom: 2.14286rem
                }

    .lfa-container .sdp-col-lg-6 .banner-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .lfa-container .sdp-col-lg-6 .banner-container .banner__grid,
        .lfa-container .sdp-col-lg-6 .banner-container::-ms-backdrop {
            width: 100%
        }
}

@media screen and (min-width: 1005px) and (min-width: 700px) {
    .lfa-container .sdp-col-lg-6 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1005px) {
    .lfa-container .sdp-col-lg-6 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container {
        width: 100%;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

        .lfa-container .sdp-col-lg-6 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=icon] {
            font-size: 5rem
        }

        .lfa-container .sdp-col-lg-6 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container > .sdp-grid.content-visual-text-container__grid > .sdp-row.content-visual-text-container__grid__row > .sdp-col.banner__grid__col__content-supporting-visual {
            display: inline-block;
            width: auto
        }
}

@media screen and (min-width: 1005px) and (min-width: 1005px) {
    .lfa-container .sdp-col-lg-6 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-buttons {
        margin-top: 1.07143rem
    }
}

@media screen and (min-width: 1005px) {
    .lfa-container .sdp-col-lg-6 .banner-container[data-supporting-visual=static_text] .content-titles__grid {
        margin-top: .57143rem;
        margin-bottom: 0
    }

    .lfa-container .sdp-col-lg-6 .content-titles__grid {
        margin-bottom: 0
    }

    .lfa-container .sdp-col-lg-12 .banner-container .sdp-grid.banner__grid > .sdp-row.banner__grid__row__content > .sdp-col.banner__grid__col__content-visual-text-container .sdp-grid.content-visual-text-container__grid .supporting-visual-container[data-supporting-visual=icon] {
        font-size: 5rem
    }
}

.lfa-container .item-matrix {
    padding-left: .78125%;
    padding-right: .78125%
}

@media screen and (max-width: 509px) {
    .lfa-container .item-matrix > .layout-grid {
        margin-left: -.78125%;
        margin-right: -.78125%
    }
}

.lfa-container .item-matrix > .layout-grid > .col-item.sdp-col-lg-4 {
    padding: 0
}

    .lfa-container .item-matrix > .layout-grid > .col-item.sdp-col-lg-4 .banner-container.sdp-grid {
        height: 100%
    }

@media screen and (min-width: 1005px) {
    .lfa-container .item-matrix > .layout-grid > .col-item.sdp-col-lg-4 .banner-container.sdp-grid {
        padding: 2.14286rem
    }
}

.lfa-container .item-matrix > .layout-grid > .col-item.sdp-col-lg-4 .banner__grid__col__content-visual-text-container {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    margin-bottom: .71429rem
}

.lfa-container .item-matrix > .layout-grid > .col-item {
    border-bottom: none;
    padding: 0
}

.page-anchor {
    display: block
}

.anchor-navigation {
    width: 100%;
    white-space: nowrap;
    display: table;
    table-layout: fixed;
    height: 3.92857rem
}

    .anchor-navigation .arrow-container {
        display: table-cell
    }

        .anchor-navigation .arrow-container.arrow-static a {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .anchor-navigation .arrow-container .icon:before {
            font-family: Roboto;
            font-size: 1rem;
            font-weight: 700;
            font-family: GCSS Icons
        }

    .anchor-navigation .anchor-navigation-tabs {
        display: table-cell;
        width: 100%;
        vertical-align: middle
    }

    .anchor-navigation .tab-list {
        padding-top: .71429rem;
        -webkit-overflow-scrolling: touch
    }

@media screen and (min-width: 1005px) {
    .anchor-navigation .tab-list {
        overflow-x: hidden
    }
}

.anchor-navigation .tablist-tab {
    padding-left: 1.78571rem;
    padding-right: 1.78571rem
}

    .anchor-navigation .tablist-tab span {
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700
    }

@media screen and (max-width: 699px) {
    .anchor-navigation .tablist-tab {
        padding-left: 1.07143rem;
        padding-right: 1.07143rem
    }
}

.anchor-navigation.gcss-theme-light {
    background-color: #d1d1d1
}

    .anchor-navigation.gcss-theme-light .tablist-tab span {
        color: #000
    }

.anchor-navigation.gcss-theme-dark {
    background-color: #3e3e3e
}

    .anchor-navigation.gcss-theme-dark .tablist-tab span {
        color: #fff
    }

.static-model-wrapper {
    position: relative
}

    .static-model-wrapper .sticky {
        position: relative;
        z-index: 4
    }

    .static-model-wrapper .intended-model-list .category-details {
        padding-top: 3.57143rem
    }

@media screen and (max-width: 1004px) {
    .static-model-wrapper .intended-model-list .category-details {
        padding-top: 2.5rem
    }
}

@media screen and (max-width: 509px) {
    .static-model-wrapper .intended-model-list .category-details {
        padding-top: 2.14286rem
    }
}

@media screen and (max-width: 509px) {
    .static-model-wrapper .intended-model-list .category-details .category-title-container {
        padding: 0
    }
}

.static-model-wrapper .intended-model-list .category-details .category-title-wrapper {
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (max-width: 1004px) {
    .static-model-wrapper .intended-model-list .category-details .category-title-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.static-model-wrapper .intended-model-list .category-details .category-title {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 1.07143rem
}

@media screen {
    .static-model-wrapper .intended-model-list .category-details .category-title {
        margin: 0
    }
}

@media screen and (min-width: 700px) {
    .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row {
        margin-left: -1.78571rem;
        margin-right: -1.78571rem
    }
}

@media screen {
    .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row {
        margin-left: -1.42857rem;
        margin-right: -1.42857rem;
        margin-top: 2.14286rem
    }
}

.static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards {
    padding: 3.57143rem 1.78571rem
}

@media screen and (max-width: 1004px) {
    .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards {
        padding: 2.85714rem 1.42857rem
    }
}

@media screen and (max-width: 509px) {
    .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards {
        padding: 0 1.07143rem 2.14286rem
    }
}

.static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards .card-border {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

    .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards .card-border > .gcss-button-tertiary {
        display: inline-block
    }

        .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards .card-border > .gcss-button-tertiary .button-inner {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            width: 100%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards .card-border > .gcss-button-tertiary .model-card-wrapper {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .static-model-wrapper .intended-model-list .category-details .model-card-containers.sdp-row .model-cards .card-border > .gcss-button-tertiary .vehicle-compare {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

.static-model-wrapper.gcss-theme-light {
    background-color: #fff
}

    .static-model-wrapper.gcss-theme-light .category-title {
        color: #333;
        border-bottom: 1px solid #bfbfbf
    }

.static-model-wrapper.gcss-theme-dark {
    background-color: #000
}

    .static-model-wrapper.gcss-theme-dark .category-title {
        color: #fff;
        border-bottom: 1px solid #bfbfbf
    }

.incentive-finder-container .incentive-finder-wrapper {
    margin: 0 auto
}

    .incentive-finder-container .incentive-finder-wrapper .search-background {
        padding: 1.78571rem
    }

        .incentive-finder-container .incentive-finder-wrapper .search-background .main-heading {
            display: block;
            text-align: center;
            text-transform: uppercase;
            padding: 1.78571rem 0 .85714rem
        }

        .incentive-finder-container .incentive-finder-wrapper .search-background .incentive-finder__states {
            display: block;
            text-align: center
        }

    .incentive-finder-container .incentive-finder-wrapper .subheading {
        text-align: center;
        text-transform: uppercase;
        padding: 3.57143rem 0 1.14286rem;
        color: #000
    }

    .incentive-finder-container .incentive-finder-wrapper .noOfferMessage {
        text-align: center;
        padding: 3.57143rem 0 1.14286rem;
        color: #000
    }

    .incentive-finder-container .incentive-finder-wrapper .state-heading {
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 3.57143rem;
        color: #700000
    }

    .incentive-finder-container .incentive-finder-wrapper .incentive-finder__main-cat-tab {
        padding-bottom: .71429rem
    }

        .incentive-finder-container .incentive-finder-wrapper .incentive-finder__main-cat-tab .tab-container a.tablist-tab {
            text-transform: capitalize
        }

            .incentive-finder-container .incentive-finder-wrapper .incentive-finder__main-cat-tab .tab-container a.tablist-tab span {
                color: #000
            }

    .incentive-finder-container .incentive-finder-wrapper .incentive-container {
        padding: .71429rem 0
    }

        .incentive-finder-container .incentive-finder-wrapper .incentive-container .banner-subheading {
            text-align: center;
            text-transform: uppercase;
            padding: 1.42857rem 0;
            color: #000
        }

        .incentive-finder-container .incentive-finder-wrapper .incentive-container .banners-container {
            padding: .71429rem 0
        }

            .incentive-finder-container .incentive-finder-wrapper .incentive-container .banners-container .banner-container {
                border: 1px solid;
                border-color: #bfbfbf
            }

.incentive-finder-container.gcss-theme-dark .incentive-finder-wrapper .search-background .main-heading {
    color: #fff
}

.search {
    width: 100%;
    margin-top: .21429rem;
    margin-bottom: 3.21429rem;
    position: relative
}

    .search.suggested-shown .text-field-wrapper input,
    .search a.gcss-button {
        border-bottom-left-radius: 0
    }

    .search a.gcss-button {
        border-top-left-radius: 0
    }

@media screen and (min-width: 1005px) {
    .search {
        margin-top: 3.07143rem;
        margin-bottom: 3.07143rem
    }
}

@media screen and (max-width: 699px) {
    .search {
        padding-left: 6%;
        padding-right: 6%
    }
}

@media screen and (max-width: 509px) {
    .search {
        padding-left: 0;
        padding-right: 0
    }
}

.search .text-field-wrapper input {
    padding-left: 2.14286rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .search .text-field-wrapper {
        padding-left: 1.5625%
    }
}

.search .suggested {
    position: absolute;
    border-top: 2px solid;
    border-bottom-left-radius: .35714rem;
    border-bottom-right-radius: .35714rem;
    z-index: 2;
    margin-top: -1px
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .search .suggested {
        margin-left: 1.5625%
    }
}

.search .suggested a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    display: block;
    line-height: 2.14286rem;
    padding-left: 1.42857rem
}

    .search .suggested a:hover {
        cursor: pointer
    }

    .search .suggested a span {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

.gcss-theme-light .suggested {
    background-color: #fff;
    border-top-color: #bfbfbf
}

    .gcss-theme-light .suggested a {
        color: #636363
    }

        .gcss-theme-light .suggested a.has-focus {
            background-color: #e7e7e7
        }

.gcss-theme-light.search a.gcss-button:active {
    background-color: #340000;
    color: #fff
}

.gcss-theme-dark .suggested {
    background-color: #fff;
    border-top-color: #bfbfbf
}

    .gcss-theme-dark .suggested a {
        color: #636363
    }

        .gcss-theme-dark .suggested a.has-focus {
            background-color: #e7e7e7
        }

.gcss-theme-dark.search a.gcss-button:active {
    background-color: #892b00;
    color: #fff
}

@media screen and (min-width: 1005px) {
    .footer.no-search-bar .link-rail {
        margin-bottom: 2rem
    }
}

.footer .search {
    display: table
}

    .footer .search .fields-wrapper .gcss-button {
        font-size: .85714rem;
        padding-top: .85714rem;
        padding-bottom: .78571rem
    }

@media screen and (min-width: 1005px) {
    .footer .head {
        max-width: 103.57143rem;
        margin: 0 auto !important
    }
}

.footer .head .link-rail {
    margin-top: 2.14286rem
}

@media screen and (min-width: 1005px) {
    .footer .head .link-rail {
        margin-bottom: 2.14286rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 699px) {
    .footer .head .link-rail {
        margin-bottom: .71429rem
    }
}

.footer .head .link-rail .col-item {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.footer .head .link-rail .link-text {
    display: inline-block
}

@media screen and (min-width: 1005px) {
    .footer .head .link-rail .link-text {
        white-space: nowrap;
        margin: .57143rem 2.14286rem .57143rem 0
    }
}

@media screen and (min-width: 1005px) {
    .footer .head .link-rail .link-image {
        margin-right: 2.14286rem;
        margin-bottom: 0
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .footer .head .link-rail .link-image .image-container {
        display: block;
        margin-bottom: -.42857rem
    }
}

@media screen and (max-width: 1004px) {
    .footer .head .link-rail .item-matrix .sdp-col {
        margin-bottom: 1.78571rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .footer .head .link-rail .item-matrix .sdp-col .link-image,
        .footer .head .link-rail .item-matrix .sdp-col .link-text {
            margin-bottom: 0
        }
}

.footer .hr-top {
    padding-top: 1.42857rem
}

@media screen and (min-width: 510px) {
    .footer .hr-top {
        display: none
    }
}

.footer .body .internal-links {
    margin-top: 1.07143rem;
    margin-bottom: 1.78571rem
}

    .footer .body .internal-links .link-list {
        padding-bottom: 3.21429rem
    }

@media screen and (max-width: 509px) {
    .footer .body .internal-links .link-list {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

        .footer .body .internal-links .link-list .heading {
            margin-bottom: 0
        }

        .footer .body .internal-links .link-list ul {
            padding-top: .71429rem
        }

        .footer .body .internal-links .link-list .links {
            margin-top: .71429rem
        }
}

@media screen and (max-width: 509px) {
    .footer .body .internal-links .link-list li:nth-child(odd) a {
        margin-right: .71429rem
    }
}

.footer .body .internal-links .link-list li a {
    line-height: 1.42857rem
}

@media screen and (min-width: 510px) {
    .footer .body .internal-links {
        margin-top: 3.57143rem;
        margin-bottom: 1.07143rem
    }
}

.footer .body .external-links {
    margin-top: 1.07143rem;
    margin-bottom: 1.07143rem
}

@media screen and (min-width: 510px) {
    .footer .body .external-links {
        margin-top: 3.57143rem
    }
}

@media screen and (max-width: 1004px) {
    .footer .body .external-links .link-list {
        padding: 0
    }
}

@media screen and (min-width: 510px) {
    .footer .body .external-links .link-list {
        padding-bottom: 3.21429rem
    }
}

@media screen and (max-width: 509px) {
    .footer .body .external-links .link-list .links li {
        margin-right: .71429rem
    }
}

.footer .body .link-list .heading {
    text-transform: uppercase;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.footer .body .link-list li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .footer .body .link-list li a {
        display: inline-block;
        margin-bottom: .71429rem;
        font-size: 1rem;
        line-height: 1.42857
    }

        .footer .body .link-list li a.link-icon {
            margin-bottom: .71429rem;
            font-size: 1.78571rem;
            line-height: 1;
            color: #fff
        }

@media screen and (max-width: 509px) {
    .footer .body .link-list li a.link-icon {
        position: relative;
        top: .14286rem
    }
}

@media screen and (max-width: 1004px) {
    .footer .body .link-list li a.link-icon {
        margin-bottom: .85714rem
    }
}

.footer .hr-bottom {
    padding-bottom: 1.42857rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .footer .hr-bottom > div {
        border-top: .07143rem solid hsla(0, 0%, 100%, .22)
    }

.footer .fca-links-rail .responsive-img img {
    height: 1.78571rem
}

.footer .fca-links-rail .link-text {
    white-space: nowrap;
    margin-right: 1.07143rem
}

@media screen and (max-width: 1004px) {
    .footer .fca-links-rail {
        padding-top: .71429rem;
        padding-bottom: .71429rem
    }
}

.footer .fca-links-rail .col-item {
    padding-left: .71429rem;
    padding-right: .71429rem
}

@media screen and (max-width: 1004px) {
    .footer .brand-links-rail {
        padding-top: .71429rem;
        padding-bottom: .71429rem
    }
}

.footer .brand-links-rail a.link-text {
    font-size: .71429rem;
    margin-bottom: 1.07143rem;
    display: inline-block
}

.footer .brand-links-rail .image-container img {
    max-height: 1.78571rem
}

@media screen and (min-width: 1005px) {
    .footer .brand-links-rail .item-matrix > div {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.footer .brand-links-rail .item-matrix .layout-grid {
    display: inline-block
}

@media screen and (min-width: 1005px) {
    .footer .brand-links-rail .item-matrix .layout-grid {
        text-align: right
    }
}

.footer .brand-links-rail .item-matrix .layout-grid > .col-item {
    display: inline-block;
    padding-right: .71429rem
}

.footer .copyright-information {
    font-size: .71429rem;
    padding-bottom: 3.57143rem;
    white-space: pre-line
}

    .footer .copyright-information > .sdp-col > div {
        line-height: normal
    }

@media screen and (max-width: 699px) {
    .footer .copyright-information {
        padding-top: .71429rem
    }
}

.gcss-theme-light.footer {
    background-color: #fff
}

    .gcss-theme-light.footer .head-wrapper {
        background-color: #e7e7e7
    }

    .gcss-theme-light.footer .body-wrapper,
    .gcss-theme-light.footer .hr-bottom,
    .gcss-theme-light.footer .hr-top {
        background-color: #fff
    }

    .gcss-theme-light.footer .copyright-information {
        color: #636363
    }

.gcss-theme-dark.footer {
    background-color: #000
}

    .gcss-theme-dark.footer .head-wrapper {
        background-color: #212121
    }

    .gcss-theme-dark.footer .body-wrapper,
    .gcss-theme-dark.footer .hr-bottom,
    .gcss-theme-dark.footer .hr-top {
        background-color: #000
    }

    .gcss-theme-dark.footer .copyright-information {
        color: #bfbfbf
    }

.pole:after {
    clear: both;
    content: "";
    display: block
}

.pole div {
    float: left;
    margin-left: .71429rem
}

    .pole div:first-child {
        margin-left: 0
    }

.pole .de {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDYwMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkMDA7fS5jbHMtMntmaWxsOiNmZmNlMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GbGFnX29mX0dlcm1hbnk8L3RpdGxlPjxyZWN0IGlkPSJibGFja19zdHJpcGUiIGRhdGEtbmFtZT0iYmxhY2sgc3RyaXBlIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2MDAiLz48cmVjdCBpZD0icmVkX3N0cmlwZSIgZGF0YS1uYW1lPSJyZWQgc3RyaXBlIiBjbGFzcz0iY2xzLTEiIHk9IjIwMCIgd2lkdGg9IjEwMDAiIGhlaWdodD0iNDAwIi8+PHJlY3QgaWQ9ImdvbGRfc3RyaXBlIiBkYXRhLW5hbWU9ImdvbGQgc3RyaXBlIiBjbGFzcz0iY2xzLTIiIHk9IjQwMCIgd2lkdGg9IjEwMDAiIGhlaWdodD0iMjAwIi8+PC9zdmc+");
    height: 12px
}

.pole .de,
.pole .it {
    background-repeat: no-repeat;
    font-size: 0;
    width: 20px
}

.pole .it {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDEwMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDA5MjQ2O30uY2xzLTJ7ZmlsbDojZmZmO30uY2xzLTN7ZmlsbDojY2UyYjM3O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RmxhZ19vZl9JdGFseV93aXRoX2JvcmRlcjwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjEwMDAiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjUwMCIgd2lkdGg9IjUwMCIgaGVpZ2h0PSIxMDAwIi8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxMDAwIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjEwMDAiLz48L3N2Zz4=");
    height: 13.33333px
}

.pole .us {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MSI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDojZmZmO30uY2xzLTJ7c3Ryb2tlOiNiMjI0MzU7c3Ryb2tlLXdpZHRoOjI0NzBweDtzdHJva2UtZGFzaGFycmF5OjUwO30uY2xzLTN7ZmlsbDojM2QzYzZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+VW50aXRsZWQtMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwSDEyMzVWNjUwSDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0wLDBWNjUxIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMCwwSDQ5NFYzNTBIMCIvPjxnIGlkPSJlIj48ZyBpZD0idCI+PHBhdGggaWQ9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjEsNTAuNmwxMi0zNiwxMiwzNi0zMC44LTIySDYxLjEiLz48cGF0aCBpZD0icy0yIiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTExMi4xLDUwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxnIGlkPSJmIj48ZyBpZD0idC0yIiBkYXRhLW5hbWU9InQiPjxwYXRoIGlkPSJzLTMiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMTk0LjEsNTAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48cGF0aCBpZD0icy00IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTI3Ni4xLDUwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTUiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzU4LjEsNTAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PHBhdGggaWQ9InMtNiIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik00NDAuMSw1MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48ZyBpZD0iZCI+PGcgaWQ9InQtMyIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy03IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTcxLjEsODUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48cGF0aCBpZD0icy04IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTE1My4xLDg1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxnIGlkPSJmLTIiIGRhdGEtbmFtZT0iZiI+PGcgaWQ9InQtNCIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy05IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTIzNS4xLDg1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtMTAiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzE3LjEsODUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PHBhdGggaWQ9InMtMTEiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzk5LjEsODUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PC9nPjxnIGlkPSJlLTIiIGRhdGEtbmFtZT0iZSI+PGcgaWQ9InQtNSIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy0xMiIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zMC4xLDEyMC42bDEyLTM2LDEyLDM2LTMwLjgtMjJINjEuMSIvPjxwYXRoIGlkPSJzLTEzIiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTExMi4xLDEyMC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48ZyBpZD0iZi0zIiBkYXRhLW5hbWU9ImYiPjxnIGlkPSJ0LTYiIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtMTQiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMTk0LjEsMTIwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtMTUiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMjc2LjEsMTIwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTE2IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTM1OC4xLDEyMC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48cGF0aCBpZD0icy0xNyIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik00NDAuMSwxMjAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PGcgaWQ9InEiPjxnIGlkPSJkLTIiIGRhdGEtbmFtZT0iZCI+PGcgaWQ9InQtNyIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy0xOCIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik03MS4xLDE1NS42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjxwYXRoIGlkPSJzLTE5IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTE1My4xLDE1NS42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48ZyBpZD0iZi00IiBkYXRhLW5hbWU9ImYiPjxnIGlkPSJ0LTgiIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtMjAiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMjM1LjEsMTU1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtMjEiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzE3LjEsMTU1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTIyIiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTM5OS4xLDE1NS42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48L2c+PC9nPjxnIGlkPSJlLTMiIGRhdGEtbmFtZT0iZSI+PGcgaWQ9InQtOSIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy0yMyIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zMC4xLDE5MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJINjEuMSIvPjxwYXRoIGlkPSJzLTI0IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTExMi4xLDE5MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48ZyBpZD0iZi01IiBkYXRhLW5hbWU9ImYiPjxnIGlkPSJ0LTEwIiBkYXRhLW5hbWU9InQiPjxwYXRoIGlkPSJzLTI1IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTE5NC4xLDE5MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjxwYXRoIGlkPSJzLTI2IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTI3Ni4xLDE5MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48cGF0aCBpZD0icy0yNyIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTguMSwxOTAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PHBhdGggaWQ9InMtMjgiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNNDQwLjEsMTkwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxnIGlkPSJkLTMiIGRhdGEtbmFtZT0iZCI+PGcgaWQ9InQtMTEiIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtMjkiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNNzEuMSwyMjUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48cGF0aCBpZD0icy0zMCIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNTMuMSwyMjUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PGcgaWQ9ImYtNiIgZGF0YS1uYW1lPSJmIj48ZyBpZD0idC0xMiIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy0zMSIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yMzUuMSwyMjUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48cGF0aCBpZD0icy0zMiIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0zMTcuMSwyMjUuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PHBhdGggaWQ9InMtMzMiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzk5LjEsMjI1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjwvZz48ZyBpZD0iZS00IiBkYXRhLW5hbWU9ImUiPjxnIGlkPSJ0LTEzIiBkYXRhLW5hbWU9InQiPjxwYXRoIGlkPSJzLTM0IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjEsMjYwLjZsMTItMzYsMTIsMzYtMzAuOC0yMkg2MS4xIi8+PHBhdGggaWQ9InMtMzUiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMTEyLjEsMjYwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxnIGlkPSJmLTciIGRhdGEtbmFtZT0iZiI+PGcgaWQ9InQtMTQiIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtMzYiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMTk0LjEsMjYwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtMzciIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMjc2LjEsMjYwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTM4IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTM1OC4xLDI2MC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48cGF0aCBpZD0icy0zOSIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik00NDAuMSwyNjAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PGcgaWQ9InEtMiIgZGF0YS1uYW1lPSJxIj48ZyBpZD0iZC00IiBkYXRhLW5hbWU9ImQiPjxnIGlkPSJ0LTE1IiBkYXRhLW5hbWU9InQiPjxwYXRoIGlkPSJzLTQwIiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTcxLjEsMjk1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtNDEiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMTUzLjEsMjk1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxnIGlkPSJmLTgiIGRhdGEtbmFtZT0iZiI+PGcgaWQ9InQtMTYiIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtNDIiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMjM1LjEsMjk1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PHBhdGggaWQ9InMtNDMiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzE3LjEsMjk1LjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTQ0IiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTM5OS4xLDI5NS42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48L2c+PC9nPjxnIGlkPSJlLTUiIGRhdGEtbmFtZT0iZSI+PGcgaWQ9InQtMTciIGRhdGEtbmFtZT0idCI+PHBhdGggaWQ9InMtNDUiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzAuMSwzMzAuNmwxMi0zNiwxMiwzNi0zMC44LTIySDYxLjEiLz48cGF0aCBpZD0icy00NiIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTIuMSwzMzAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PGcgaWQ9ImYtOSIgZGF0YS1uYW1lPSJmIj48ZyBpZD0idC0xOCIgZGF0YS1uYW1lPSJ0Ij48cGF0aCBpZD0icy00NyIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xOTQuMSwzMzAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48cGF0aCBpZD0icy00OCIgZGF0YS1uYW1lPSJzIiBjbGFzcz0iY2xzLTEiIGQ9Ik0yNzYuMSwzMzAuNmwxMi0zNiwxMiwzNi0zMC44LTIyaDM3LjgiLz48L2c+PHBhdGggaWQ9InMtNDkiIGRhdGEtbmFtZT0icyIgY2xhc3M9ImNscy0xIiBkPSJNMzU4LjEsMzMwLjZsMTItMzYsMTIsMzYtMzAuOC0yMmgzNy44Ii8+PC9nPjxwYXRoIGlkPSJzLTUwIiBkYXRhLW5hbWU9InMiIGNsYXNzPSJjbHMtMSIgZD0iTTQ0MC4xLDMzMC42bDEyLTM2LDEyLDM2LTMwLjgtMjJoMzcuOCIvPjwvZz48L3N2Zz4=");
    background-repeat: no-repeat;
    font-size: 0;
    height: 10.52632px;
    width: 20px
}

.country-changer-wrapper {
    width: 100%
}

@media screen and (max-width: 1004px) {
    .country-changer-wrapper {
        text-align: center
    }
}

.country-changer-wrapper .country-changer {
    padding: .35714rem
}

    .country-changer-wrapper .country-changer .link {
        margin-bottom: 0
    }

    .country-changer-wrapper .country-changer .country-label {
        font-size: .85714rem
    }

@media screen and (min-width: 1005px) {
    .country-changer-wrapper .sdp-col {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen {
    .country-changer-wrapper .sdp-col {
        display: inline-block
    }
}

.country-changer-wrapper .sdp-col .changer-items {
    display: table
}

    .country-changer-wrapper .sdp-col .changer-items .align-wrapper {
        display: table-cell;
        vertical-align: middle
    }

        .country-changer-wrapper .sdp-col .changer-items .align-wrapper div,
        .country-changer-wrapper .sdp-col .changer-items .align-wrapper span {
            display: inline-block;
            margin: 0 .35714rem;
            vertical-align: middle
        }

.country-changer-wrapper.gcss-theme-light {
    background-color: #e7e7e7
}

    .country-changer-wrapper.gcss-theme-light .country-label {
        color: #636363
    }

    .country-changer-wrapper.gcss-theme-light .country-changer,
    .country-changer-wrapper.gcss-theme-light .country-changer a:hover {
        color: #000
    }

.country-changer-wrapper.gcss-theme-dark {
    background-color: #212121
}

    .country-changer-wrapper.gcss-theme-dark .country-label {
        color: #bfbfbf
    }

    .country-changer-wrapper.gcss-theme-dark .country-changer,
    .country-changer-wrapper.gcss-theme-dark .country-changer a:hover {
        color: #fff
    }

.zipCode {
    margin: 0;
    padding: 0
}

    .zipCode .heading {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }

    .zipCode .geo {
        display: none !important
    }

    .zipCode .result {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

        .zipCode .result.onLoadInput {
            display: none
        }

        .zipCode .result .zip {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            padding: 1.07143rem;
            width: 50%
        }

    .zipCode .zipDrawer {
        padding: .71429rem .78571rem 1.07143rem;
        display: none
    }

@media screen and (max-width: 1004px) {
    .zipCode .zipDrawer {
        padding-top: 1.07143rem;
        padding-left: .71429rem
    }
}

.zipCode .zipDrawer.onLoadInput {
    display: block
}

.zipCode .zipDrawer .geo,
.zipCode .zipDrawer .text-field-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .zipCode .zipDrawer .geo > form,
    .zipCode .zipDrawer .text-field-wrapper > form {
        width: 100%
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .zipDrawer .geo,
    .zipCode .zipDrawer .text-field-wrapper {
        display: block
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .zipCode .zipDrawer .geo,
    .zipCode .zipDrawer .text-field-wrapper {
        display: block
    }
}

.zipCode .zipDrawer .geo {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .zipDrawer .geo {
        padding-top: .71429rem;
        padding-left: .71429rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .zipCode .zipDrawer .geo {
        padding-top: .85714rem;
        padding-left: .71429rem
    }
}

@media screen and (max-width: 509px) {
    .zipCode .zipDrawer .geo {
        padding-left: 0;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 1.07143rem
    }
}

.zipCode .zipDrawer .geo a {
    text-decoration: none;
    text-transform: none;
    border-radius: 0;
    padding-right: 0
}

    .zipCode .zipDrawer .geo a:after {
        display: none
    }

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .zipCode .zipDrawer .geo a {
        font-size: .92857rem
    }
}

@media screen and (max-width: 509px) {
    .zipCode .zipDrawer .geo a {
        font-size: .85714rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .zipDrawer .geo a {
        font-size: .92857rem
    }
}

.zipCode .zipDrawer .gcss-button:after {
    display: none
}

.zipCode .dataField {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .dataField {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-nav-pinnedlinks .partialWidth .zipCode .dataField > .sdp-col {
        width: 100%
    }

        .main-nav-pinnedlinks .partialWidth .zipCode .dataField > .sdp-col input[type=text] {
            min-width: 5.71429rem
        }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .zipCode .dataField {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (max-width: 509px) {
    .zipCode .dataField {
        display: block
    }
}

@media screen and (max-width: 509px) {
    .zipCode .dataField .text-field-wrapper input {
        padding: 0 0 0 .5rem
    }
}

.zipCode.zipcode-block .heading {
    padding-bottom: 1.07143rem
}

.zipCode.zipcode-block .toggle {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 1.42857;
    width: 50%
}

    .zipCode.zipcode-block .toggle .close {
        display: none;
        position: relative;
        line-height: 1.42857
    }

        .zipCode.zipcode-block .toggle .close.active {
            display: block;
            text-align: center
        }

@media screen and (max-width: 1004px) {
    .zipCode.zipcode-block .toggle .close.active {
        text-align: right
    }
}

.zipCode.zipcode-block .toggle .changeZip,
.zipCode.zipcode-block .toggle .close {
    padding: 1.07143rem .14286rem;
    text-transform: uppercase;
    text-decoration: none
}

@media screen and (min-width: 1005px) {
    .zipCode.zipcode-block .toggle .changeZip,
    .zipCode.zipcode-block .toggle .close {
        line-height: 1.42857rem
    }
}

@media screen and (max-width: 1004px) {
    .zipCode.zipcode-block .toggle .changeZip,
    .zipCode.zipcode-block .toggle .close {
        padding: 1.07143rem
    }
}

@media screen and (max-width: 1004px) {
    .zipCode.zipcode-block .toggle .changeZip {
        min-width: 7.14286rem
    }
}

.zipCode.zipcode-block .toggle a {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 1005px) {
    .zipCode.zipcode-block .toggle a {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.zipCode.zipcode-block .zipDrawer.active {
    display: block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 510px) {
    .zipCode.zipcode-block .zipDrawer.active {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1005px) {
    .zipCode.zipcode-block .geo {
        margin-top: 1.07143rem
    }
}

.zipCode.zipcode-inline .heading {
    padding: 1.07143rem 0 1.14286rem 1.07143rem
}

.zipCode.zipcode-inline .zip {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700;
    padding: .35714rem 0 1.07143rem .35714rem
}

.zipCode.zipcode-inline .toggle {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .zipCode.zipcode-inline .toggle .close {
        display: none;
        position: relative;
        margin-top: -25px;
        margin-left: .71429rem
    }

        .zipCode.zipcode-inline .toggle .close.active {
            display: block;
            text-align: center
        }

    .zipCode.zipcode-inline .toggle .changeZip,
    .zipCode.zipcode-inline .toggle .close {
        padding: 1.07143rem;
        text-transform: uppercase;
        text-decoration: none
    }

    .zipCode.zipcode-inline .toggle .changeZip {
        color: #700000;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700;
        padding: 1.07143rem 0 0 .35714rem
    }

    .zipCode.zipcode-inline .toggle a {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

.zipCode.zipcode-inline .zipDrawer .zipLabel {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400;
    margin: .71429rem 0
}

@media screen and (min-width: 1005px) {
    .zipCode.zipcode-inline .zipDrawer .text-field-wrapper fieldset {
        width: 25rem
    }
}

.zipCode.zipcode-inline .zipDrawer .text-field-wrapper fieldset input {
    width: 100%
}

.zipCode.zipcode-inline .zipDrawer .geo {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.zipCode.zipcode-inline .zipDrawer.active {
    display: block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .zipOpenDrawer .dataField {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .zipCode .zipOpenDrawer .dataField {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.zipCode .zipOpenDrawer .zipLabel {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400;
    margin: .71429rem 0
}

.zipCode .zipOpenDrawer .text-field-wrapper a {
    text-align: center
}

.zipCode .zipOpenDrawer .geo {
    margin-top: 1.07143rem
}

@media screen and (min-width: 510px) and (max-width: 699px), screen and (min-width: 700px) and (max-width: 1004px) {
    .zipCode .zipOpenDrawer .geo {
        padding-left: 1.42857rem
    }
}

.gcss-theme-light.zipCode.zipcode-block .zip {
    background-color: #e7e7e7;
    color: #000
}

@media screen and (min-width: 1005px) {
    .gcss-theme-light.zipCode.zipcode-block .zip {
        background-color: #d1d1d1
    }
}

.gcss-theme-light.zipCode.zipcode-block .changeZip {
    background-color: #e7e7e7;
    color: #000
}

@media screen and (min-width: 1005px) {
    .gcss-theme-light.zipCode.zipcode-block .changeZip,
    .gcss-theme-light.zipCode.zipcode-block .toggle {
        background-color: #d1d1d1
    }
}

@media screen and (max-width: 1004px) {
    .gcss-theme-light.zipCode.zipcode-block .active.close,
    .gcss-theme-light.zipCode.zipcode-block .active.zipDrawer {
        background-color: #636363
    }
}

.gcss-theme-light.zipCode .close {
    background-color: #e7e7e7;
    color: #000
}

.gcss-theme-light.zipCode .zipDrawer {
    background-color: #e7e7e7
}

.gcss-theme-dark.zipCode.zipcode-block .zip {
    background-color: #212121;
    color: #fff
}

@media screen and (min-width: 1005px) {
    .gcss-theme-dark.zipCode.zipcode-block .zip {
        background-color: #3e3e3e
    }
}

.gcss-theme-dark.zipCode.zipcode-block .changeZip {
    background-color: #212121;
    color: #fff
}

@media screen and (min-width: 1005px) {
    .gcss-theme-dark.zipCode.zipcode-block .changeZip,
    .gcss-theme-dark.zipCode.zipcode-block .toggle {
        background-color: #3e3e3e
    }
}

@media screen and (max-width: 1004px) {
    .gcss-theme-dark.zipCode.zipcode-block .active.close,
    .gcss-theme-dark.zipCode.zipcode-block .active.zipDrawer {
        background-color: #636363
    }
}

.gcss-theme-dark.zipCode .close {
    background-color: #212121;
    color: #fff
}

.gcss-theme-dark.zipCode .zipDrawer {
    background-color: #212121
}

.partialWidth {
    padding: 0;
    border-left: .07143rem solid #fff;
    border-right: .07143rem solid #fff;
    border-bottom: .07143rem solid #fff
}

@media screen and (min-width: 1005px) {
    .partialWidth {
        position: absolute;
        right: 0
    }
}

@media screen and (min-width: 700px) {
    .partialWidth {
        min-width: 16.42857rem;
        max-width: 100%
    }
}

@media screen and (min-width: 1005px) {
    .partialWidth .zipCode {
        padding: 1.07143rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .main-nav-pinnedlinks .partialWidth .zipCode {
        padding: 1.07143rem
    }
}

.partialWidth .zipCode .zip {
    padding: 1rem
}

@media screen and (min-width: 1005px) {
    .partialWidth .zipCode .toggle {
        width: 56%
    }
}

.partialWidth .zipCode .text-field-wrapper {
    display: block
}

    .partialWidth .zipCode .text-field-wrapper .fields-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

        .partialWidth .zipCode .text-field-wrapper .fields-wrapper .gcss-button {
            display: inline-block;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            box-sizing: border-box;
            min-height: 2.71429rem;
            padding-left: 1.71429rem;
            padding-right: 1.71429rem;
            font-size: .85714rem
        }

@media screen and (min-width: 1005px) {
    .partialWidth .zipCode .text-field-wrapper .fields-wrapper .gcss-button {
        min-width: 6.85714rem
    }
}

@media screen and (max-width: 1004px) {
    .partialWidth .zipCode .text-field-wrapper .fields-wrapper .gcss-button {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        height: 2.5rem;
        line-height: 2.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .partialWidth .zipCode .text-field-wrapper .fields-wrapper .gcss-button {
        width: 100%;
        padding: 0;
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .partialWidth .zipCode .text-field-wrapper .fields-wrapper .gcss-button {
        min-width: 6.78571rem;
        line-height: 2.71429rem
    }
}

.partialWidth .zipCode .text-field-wrapper .fields-wrapper fieldset {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .partialWidth .zipCode .text-field-wrapper .fields-wrapper fieldset input {
        height: 100%;
        padding-left: .71429rem;
        border-radius: 0;
        box-sizing: border-box;
        width: 100%;
        min-height: 2.71429rem
    }

.partialWidth .dealerInventory {
    padding-bottom: .35714rem;
    margin-top: 0
}

    .partialWidth .dealerInventory a:first-of-type {
        margin-bottom: .35714rem
    }

    .partialWidth .dealerInventory a .ucx-button-dynamic-number span:first-of-type {
        width: 2.85714rem;
        text-align: center
    }

    .partialWidth .dealerInventory .gcss-button,
    .partialWidth .dealerInventory .gcss-button-secondary {
        font-family: Roboto;
        font-size: .78571rem;
        font-weight: 400;
        margin: 0 1.07143rem .71429rem;
        padding-left: 2.71429rem;
        padding-right: 2.5rem
    }

@media screen and (max-width: 699px) {
    .partialWidth .dealerInventory .gcss-button,
    .partialWidth .dealerInventory .gcss-button-secondary {
        display: block
    }
}

.partialWidth .dealerInventory .gcss-button-secondary[class*=gcss-icon-],
.partialWidth .dealerInventory .gcss-button[class*=gcss-icon-] {
    border-radius: 0;
    line-height: 1.2
}

    .partialWidth .dealerInventory .gcss-button-secondary[class*=gcss-icon-] span,
    .partialWidth .dealerInventory .gcss-button[class*=gcss-icon-] span {
        margin-right: .21429rem !important;
        font-weight: 700
    }

    .partialWidth .dealerInventory .gcss-button-secondary[class*=gcss-icon-]:before,
    .partialWidth .dealerInventory .gcss-button[class*=gcss-icon-]:before {
        left: .71429rem
    }

    .partialWidth .dealerInventory .gcss-button-secondary[class*=gcss-icon-]:after,
    .partialWidth .dealerInventory .gcss-button[class*=gcss-icon-]:after {
        right: .71429rem
    }

@media only screen and (min-width: 1260px) and (max-width: 1320px) {
    .partialWidth .zipDrawer .dataField .geo a {
        font-size: .85714rem
    }
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .partialWidth .zipDrawer .dataField .geo a {
        font-size: .78571rem
    }
}

.highlighted-menu-items {
    padding: .71429rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (max-width: 1004px) {
    .highlighted-menu-items > a.gcss-button {
        padding: 1rem 1.07143rem .92857rem 2.28571rem !important;
        margin-bottom: .28571rem;
        text-transform: uppercase;
        left: 0;
        border-radius: 0;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

        .highlighted-menu-items > a.gcss-button:before {
            left: .85714rem !important;
            font-size: 1rem !important
        }

        .highlighted-menu-items > a.gcss-button:after {
            font-size: .85714rem !important;
            right: .85714rem !important
        }
}

.highlighted-menu-item {
    padding: .71429rem;
    margin: .14286rem 0 0
}

    .highlighted-menu-item .partialWidth {
        border: none;
        margin: .71429rem 0 0
    }

    .highlighted-menu-item .is-accordion {
        overflow: hidden;
        max-height: 0;
        transition: max-height .5s ease-in-out;
        padding: 0
    }

        .highlighted-menu-item .is-accordion.expanded {
            max-height: 35.71429rem
        }

    .highlighted-menu-item:before {
        position: absolute
    }

.highlighted-menu-item-title {
    padding: 0 0 0 1.42857rem;
    text-transform: uppercase;
    position: relative;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

    .highlighted-menu-item-title .label {
        line-height: 1rem
    }

    .highlighted-menu-item-title .menu-item-icon {
        float: right;
        cursor: pointer;
        margin-top: .07143rem
    }

.highlighted-menu-item-dropdown {
    padding: 0 .71429rem .71429rem
}

.gcss-theme-light > .highlighted-menu-item {
    background-color: #700000;
    border: .14286rem solid #700000
}

    .gcss-theme-light > .highlighted-menu-item.hollow {
        background-color: transparent;
        color: #000
    }

@media screen and (max-width: 1004px) {
    .gcss-theme-light > .highlighted-menu-item.hollow:active {
        background-color: #d1d1d1
    }
}

.flyout-wrapper.gcss-theme-light .gcss-theme-light > .highlighted-menu-item.hollow,
.gcss-theme-light > .highlighted-menu-item.hollow .zipCode .heading {
    color: #000
}

.gcss-theme-light > .highlighted-menu-item.expanded {
    border: .14286rem solid #700000
}

.gcss-theme-light.highlighted-menu-items .gcss-button:active {
    background-color: #340000
}

.gcss-theme-dark > .highlighted-menu-item {
    background-color: #ba3b00;
    border: .14286rem solid #ba3b00
}

    .gcss-theme-dark > .highlighted-menu-item.hollow {
        background-color: transparent;
        color: #fff
    }

@media screen and (max-width: 1004px) {
    .gcss-theme-dark > .highlighted-menu-item.hollow:active {
        background-color: #3e3e3e
    }
}

.flyout-wrapper.gcss-theme-light .gcss-theme-dark > .highlighted-menu-item.hollow {
    color: #000
}

.gcss-theme-dark > .highlighted-menu-item.hollow .zipCode .heading {
    color: #fff
}

.gcss-theme-dark > .highlighted-menu-item.expanded {
    border: .14286rem solid #ba3b00
}

.gcss-theme-dark.highlighted-menu-items .gcss-button:active {
    background-color: #892b00
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.position-fixed-class {
    position: fixed !important
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .position-fixed-class {
        width: 100%
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper.mobile-header {
        display: none
    }
}

@media screen and (max-width: 509px) {
    .header-wrapper.mobile-header .menu-links.has-2-links .secondary-menu:nth-last-child(2) {
        display: none !important
    }
}

@media screen and (max-width: 699px) {
    .header-wrapper.mobile-header .menu-links.has-3-links .secondary-menu:nth-last-child(2),
    .header-wrapper.mobile-header .menu-links.has-over-3-links .secondary-menu:nth-last-child(2) {
        display: none !important
    }
}

@media screen and (max-width: 509px) {
    .header-wrapper.mobile-header .menu-links.has-3-links .secondary-menu:nth-last-child(3),
    .header-wrapper.mobile-header .menu-links.has-over-3-links .secondary-menu:nth-last-child(3) {
        display: none !important
    }
}

.header-wrapper.mobile-header .navigation-card-wrapper.isImageCard {
    padding-left: 0
}

.header-wrapper.fiatusa__wrapper .m-header-wrapper {
    height: 3.21429rem
}

@media screen and (min-width: 700px) {
    .header-wrapper.fiatusa__wrapper .m-header-wrapper {
        height: 6.42857rem
    }
}

.header-wrapper.fiatusa__wrapper .m-header-wrapper .header {
    height: 3.21429rem
}

@media screen and (min-width: 700px) {
    .header-wrapper.fiatusa__wrapper .m-header-wrapper .header {
        height: 6.42857rem
    }
}

.header-wrapper.fiatusa__wrapper .m-header-wrapper .brand-logo {
    padding: 0 0 0 .35714rem
}

    .header-wrapper.fiatusa__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 2.85714rem
    }

@media screen and (min-width: 700px) {
    .header-wrapper.fiatusa__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 4.57143rem
    }
}

.header-wrapper.fiatusa__wrapper .m-header-wrapper .flyout-wrapper {
    padding: 3.21429rem 0 0
}

@media screen and (min-width: 700px) {
    .header-wrapper.fiatusa__wrapper .m-header-wrapper .flyout-wrapper {
        padding: 6.42857rem 0 0
    }
}

.header-wrapper.fiatusa__wrapper .m-header-wrapper .vehicle-name {
    text-transform: none
}

.header-wrapper.countrywrapper,
.header-wrapper.fiatusa__wrapper.contrywrapper {
    height: 5.35714rem
}

@media screen and (max-width: 699px) {
    .header-wrapper {
        height: 3.21429rem
    }

        .header-wrapper.countrywrapper {
            height: 5.35714rem
        }
}

@media screen and (min-width: 700px) {
    .header-wrapper {
        height: 5.71429rem
    }

        .header-wrapper.fiatusa__wrapper {
            height: 6.42857rem
        }

            .header-wrapper.fiatusa__wrapper.countrywrapper {
                height: 8.57143rem
            }

        .header-wrapper.countrywrapper {
            height: 7.85714rem
        }
}

.header-wrapper.jeep__wrapper .m-header-wrapper .brand-logo .link-image img {
    height: 1.78571rem
}

@media screen and (min-width: 700px) {
    .header-wrapper.jeep__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 2.42857rem
    }
}

.header-wrapper.ramtrucks__wrapper .m-header-wrapper .brand-logo {
    width: 7.85714rem
}

    .header-wrapper.ramtrucks__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 1.78571rem
    }

@media screen and (min-width: 700px) {
    .header-wrapper.ramtrucks__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 2.42857rem
    }
}

.header-wrapper.chrysler__wrapper .m-header-wrapper .brand-logo .link-image img {
    height: 1.07143rem
}

@media screen and (min-width: 700px) {
    .header-wrapper.chrysler__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 1.78571rem
    }
}

.header-wrapper.dodge__wrapper .m-header-wrapper .brand-logo .link-image img {
    height: .85714rem
}

@media screen and (min-width: 700px) {
    .header-wrapper.dodge__wrapper .m-header-wrapper .brand-logo .link-image img {
        height: 1.5rem
    }
}

.header-wrapper .m-header-wrapper {
    width: 100%;
    position: relative;
    top: 0;
    z-index: 180;
    height: 3.21429rem
}

@media screen and (min-width: 1005px) {
    .header-wrapper .m-header-wrapper {
        display: none
    }
}

@media screen and (min-width: 700px) {
    .header-wrapper .m-header-wrapper {
        height: 5.71429rem
    }

        .header-wrapper .m-header-wrapper > .sdp-col {
            z-index: 99;
            float: right
        }
}

@media screen and (max-width: 1004px) {
    .header-wrapper .m-header-wrapper .key-stat-wrapper .claim {
        display: none
    }
}

.header-wrapper .m-header-wrapper .zipCode {
    padding-bottom: 1.07143rem
}

.header-wrapper .m-header-wrapper .brand-logo {
    padding: 0 0 0 .71429rem
}

.header-wrapper .m-header-wrapper .header {
    position: absolute;
    width: 100%;
    overflow: hidden;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 180;
    height: 3.21429rem
}

@media screen and (min-width: 700px) {
    .header-wrapper .m-header-wrapper .header {
        height: 5.71429rem
    }
}

.header-wrapper .m-header-wrapper .header .hamburger-menu {
    width: 6.07143rem;
    cursor: pointer;
    transition: background .25s ease .15s
}

    .header-wrapper .m-header-wrapper .header .hamburger-menu.active {
        text-align: center;
        position: relative
    }

    .header-wrapper .m-header-wrapper .header .hamburger-menu .default-copy {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }

        .header-wrapper .m-header-wrapper .header .hamburger-menu .default-copy > span {
            width: 100%;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

.header-wrapper .m-header-wrapper .header .secondary-menu {
    height: 100%
}

    .header-wrapper .m-header-wrapper .header .secondary-menu a {
        margin-bottom: 0
    }

.header-wrapper .m-header-wrapper .header .brand-logo {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 0 0 .71429rem
}

@media screen and (max-width: 509px) {
    .header-wrapper .m-header-wrapper .header .brand-logo {
        padding: 0 1.07143rem
    }
}

.header-wrapper .m-header-wrapper .header .brand-logo .link-image {
    padding: .35714rem 0 0;
    display: table-cell
}

    .header-wrapper .m-header-wrapper .header .brand-logo .link-image img {
        max-width: 100%;
        width: auto
    }

.header-wrapper .m-header-wrapper .header .menu-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item {
        cursor: pointer;
        display: inline-block;
        padding: 0 1.07143rem;
        line-height: 3.42857rem;
        text-transform: uppercase;
        font-size: gcss-fonts("label-large")
    }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item a {
            height: 100%
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .hamburger-menu-icon,
        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .vehicle-menu-icon {
            margin: 0 0 0 .71429rem
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .vehicle-menu-icon {
            font-size: .71429rem;
            transition: all .5s ease
        }

            .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .vehicle-menu-icon:before {
                transition: all .5s ease
            }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .active-copy,
        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .default-copy,
        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .menu-link-copy {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            transition: opacity .5s ease-in-out
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .active-copy,
        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .default-copy {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 0 1.07143rem;
            transition: opacity .25s ease-in-out .25s
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .active-copy {
            opacity: 0;
            transition: opacity .25s ease-in-out;
            font-size: 1.28571rem
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .gsg-global-nav-toggle .nav-toggle-icon-default {
            width: .85714rem;
            margin-left: -.71429rem;
            margin-top: -.14286rem
        }

            .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .gsg-global-nav-toggle .nav-toggle-icon-default:before {
                top: -.28571rem
            }

            .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .gsg-global-nav-toggle .nav-toggle-icon-default:after {
                bottom: -.35714rem
            }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item.active .default-copy {
            opacity: 0;
            transition: opacity .25s ease-in-out
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item.active .active-copy {
            opacity: 1;
            transition: opacity .25s ease-in-out .25s
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item.active .gsg-global-nav-toggle {
            top: 0
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item.active .vehicle-menu-icon:before {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg)
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item .menu-link-copy {
            font-family: Roboto;
            font-size: .85714rem;
            font-weight: 700
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item#hamburger-menu {
            height: 100%;
            width: 5.71429rem;
            position: relative
        }

        .header-wrapper .m-header-wrapper .header .menu-links .header-menu-item#secondary {
            height: 100%
        }

.header-wrapper .m-header-wrapper .flyout-wrapper {
    position: relative;
    padding: 5.71429rem 0 0
}

@media screen and (max-width: 699px) {
    .header-wrapper .m-header-wrapper .flyout-wrapper {
        padding: 3.21429rem 0 0
    }
}

.header-wrapper .m-header-wrapper .flyout-wrapper .flyout-menu .menu-items {
    padding-bottom: 1.07143rem
}

    .header-wrapper .m-header-wrapper .flyout-wrapper .flyout-menu .menu-items .hide-mobile {
        display: none
    }

    .header-wrapper .m-header-wrapper .flyout-wrapper .flyout-menu .menu-items > a {
        margin-bottom: 0
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .m-header-wrapper .flyout-wrapper .flyout-menu.active {
        position: absolute
    }
}

.header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item {
    padding-left: 1.42857rem
}

@media screen and (min-width: 700px) {
    .header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.selected {
        position: relative
    }

        .header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.selected:before {
            position: absolute;
            width: .57143rem;
            height: 100%;
            left: -2px;
            top: 0
        }
}

.header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item .is-accordion .featured-links {
    padding-top: 0;
    padding-bottom: 1.78571rem
}

.header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.highlighted-menu-item {
    padding-left: 1.07143rem
}

    .header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.highlighted-menu-item:before {
        line-height: 1rem
    }

    .header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.highlighted-menu-item > .highlighted-item-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 1rem
    }

        .header-wrapper .m-header-wrapper .flyout-wrapper .menu-items .menu-item.highlighted-menu-item > .highlighted-item-title > .menu-item-icon {
            padding: 0;
            cursor: pointer
        }

.header-wrapper .flyout-menu {
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    transition: opacity .5s ease-in-out;
    padding-bottom: 2.14286rem
}

    .header-wrapper .flyout-menu.hamburgerMenu {
        min-height: 100vh
    }

        .header-wrapper .flyout-menu.hamburgerMenu .menu-items {
            padding-bottom: 2.85714rem
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items.pinned-nav-attached > :nth-child(2),
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items.pinned-nav-attached > :nth-child(3) {
        display: none
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items.pinned-nav-attached > :nth-child(2) {
        display: none
    }
}

.header-wrapper .flyout-menu.hamburgerMenu .menu-items.pinned-nav-attached > :first-child {
    display: block
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items > :first-child,
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items > :nth-child(2) {
        display: none
    }

    .header-wrapper .flyout-menu.hamburgerMenu .menu-items > :nth-child(3) {
        display: block
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .header-wrapper .flyout-menu.hamburgerMenu .menu-items > :first-child {
        display: none
    }

    .header-wrapper .flyout-menu.hamburgerMenu .menu-items > :nth-child(2) {
        display: block
    }
}

.header-wrapper .flyout-menu .heading {
    display: block
}

    .header-wrapper .flyout-menu .heading .title {
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 500;
        text-transform: uppercase;
        padding: 1.42857rem 0 1.42857rem 1.07143rem;
        color: #000
    }

@media screen and (max-width: 1004px) {
    .header-wrapper .flyout-menu .heading .title {
        font-family: Roboto;
        font-size: 1.21429rem;
        font-weight: 700
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .header-wrapper .flyout-menu .heading .title {
        padding-left: 1.78571rem
    }
}

@media screen and (min-width: 700px) {
    .header-wrapper .flyout-menu .heading .title {
        padding-left: 1.07143rem
    }
}

.header-wrapper .flyout-menu .heading > div {
    display: block
}

.header-wrapper .flyout-menu .btn-links {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu .btn-links {
        position: fixed;
        left: 25%
    }
}

.header-wrapper .flyout-menu .btn-links a {
    border-radius: 0
}

    .header-wrapper .flyout-menu .btn-links a + a {
        margin-top: .14286rem
    }

.header-wrapper .flyout-menu.active {
    display: block;
    opacity: 1
}

.header-wrapper .flyout-menu.miscMenu {
    background-color: #fff
}

    .header-wrapper .flyout-menu.miscMenu .menu-items .menu-item {
        padding: 0
    }

    .header-wrapper .flyout-menu.miscMenu .priortizedMenu .navigation-card-wrapper {
        margin-left: 0 !important;
        padding-left: 1.07143rem !important
    }

@media screen and (max-width: 1004px) {
    .header-wrapper .flyout-menu.miscMenu .priortizedMenu .navigation-card-wrapper {
        padding-left: 1.42857rem !important
    }
}

.header-wrapper .flyout-menu.miscMenu .priortizedMenu .navigation-card-wrapper.isImageCard {
    padding-left: 0 !important
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 1.07143rem
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-wrapper {
        margin: 0 1.78571rem
    }
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-image .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1004px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-image .wrapper .disclaimer-container {
        display: none
    }
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-image .display-media-container {
    width: 100%;
    top: .35714rem;
    position: relative;
    margin-bottom: -.35714rem
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container {
    right: 0
}

    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .col-item.sdp-col-md-4 {
        max-width: 33%
    }

@media screen and (min-width: 700px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container {
        position: relative
    }
}

@media screen and (min-width: 510px) and (max-width: 699px), screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .description {
        margin-top: .35714rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .item-matrix,
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .item-matrix .key-stat-wrapper {
        padding-left: 1.5625%;
        padding-right: 1.5625%
    }
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .vehicle-name {
    font-size: 1.07143rem;
    color: #000;
    margin-left: .35714rem
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper.sdp-grid {
    padding: 0;
    margin: .71429rem 0 0
}

@media screen and (min-width: 510px) and (max-width: 699px), screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper.sdp-grid {
        margin-top: 0
    }
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .price {
    font-size: 1.42857rem
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .price-container {
    text-align: left
}

@media screen and (min-width: 510px) and (max-width: 699px), screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .price-container {
        margin-bottom: .35714rem
    }
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .sdp-row {
    margin: .71429rem 0 0
}

.header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .description {
    font-size: .71429rem;
    text-align: left
}

    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .msrp-wrapper .description:empty {
        margin-bottom: -.35714rem
    }

@media screen and (max-width: 509px) {
    .header-wrapper .flyout-menu.miscMenu .navcards .navigation-card-container .key-stat-wrapper {
        display: none
    }
}

.header-wrapper .flyout-menu.miscMenu .btn-links {
    background-color: #fff
}

.header-wrapper .flyout-menu .priortizedMenu {
    padding: 2.85714rem 0 0
}

.header-wrapper .flyout-menu .menu-items > a {
    padding: 0
}

.header-wrapper .flyout-menu .menu-items .menu-item {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700;
    line-height: 4.42857rem;
    margin: 0 1.07143rem;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .header-wrapper .flyout-menu .menu-items .menu-item {
        line-height: 4rem
    }
}

.header-wrapper .flyout-menu .menu-items .menu-item > div {
    display: block
}

.header-wrapper .flyout-menu .menu-items .menu-item .flyout-links {
    padding: 0;
    margin: 0
}

    .header-wrapper .flyout-menu .menu-items .menu-item .flyout-links p.heading {
        text-transform: uppercase;
        margin: 0 0 .71429rem
    }

        .header-wrapper .flyout-menu .menu-items .menu-item .flyout-links p.heading .accordion-icon {
            display: none
        }

    .header-wrapper .flyout-menu .menu-items .menu-item .flyout-links ul {
        display: block
    }

        .header-wrapper .flyout-menu .menu-items .menu-item .flyout-links ul.links {
            padding: 0 0 1.07143rem
        }

            .header-wrapper .flyout-menu .menu-items .menu-item .flyout-links ul.links li a {
                line-height: 2.85714rem;
                text-transform: none;
                padding: 0;
                font-weight: 400
            }

.header-wrapper .flyout-menu .menu-items .menu-item .link-list {
    padding: 1.42857rem 0 0;
    width: 100%
}

    .header-wrapper .flyout-menu .menu-items .menu-item .link-list:first-child {
        padding: 0
    }

.header-wrapper .flyout-menu .menu-items .menu-item .is-accordion {
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease-in-out
}

    .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links {
        position: relative;
        padding: 1.42857rem 0 2.85714rem
    }

        .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%
        }

            .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper {
                width: 100%
            }

                .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper .navigation-card-container .iconDetails {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper .display-media-container {
                    position: relative
                }

                    .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper .display-media-container .image-disclosure,
                    .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper .iconWrapper {
                        display: none
                    }

                .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper .description {
                    line-height: 1.3;
                    margin-left: .14286rem
                }

                .header-wrapper .flyout-menu .menu-items .menu-item .is-accordion .featured-links .navcards .navigation-card-wrapper:first-child {
                    border-top: 1
                }

.header-wrapper .flyout-menu .menu-items .menu-item.expanded .is-accordion {
    max-height: 107.14286rem;
    overflow: auto
}

.header-wrapper .flyout-menu .menu-items .menu-item.expanded .highlighted-item-title {
    padding-bottom: .71429rem
}

.header-wrapper .flyout-menu .menu-items .menu-item .menu-item-icon {
    float: right;
    clear: both;
    padding: 0 1.07143rem 0 0
}

.header-wrapper .flyout-menu .menu-items .menu-item a {
    margin: 0
}

.header-wrapper .flyout-menu .country-changer-panel {
    margin: 3.57143rem 0 2.5rem
}

@media screen and (max-width: 509px) {
    .header-wrapper .flyout-menu .country-changer-panel {
        margin-bottom: 0
    }
}

.header-wrapper .flyout-menu .zipDrawer .text-field-wrapper a {
    text-align: center
}

@media screen and (max-width: 509px) {
    .header-wrapper .flyout-menu .geo {
        margin-top: 1.07143rem
    }
}

.header-wrapper .flyout-menu .highlighted-menu-item-dropdown .menu-item-icon {
    float: right
}

.header-wrapper .flyout-menu .highlighted-menu-items {
    padding: 1.07143rem 1.07143rem 0
}

    .header-wrapper .flyout-menu .highlighted-menu-items > a.gcss-button {
        padding: 1.35714rem 1.07143rem 1.28571rem 2.64286rem !important
    }

        .header-wrapper .flyout-menu .highlighted-menu-items > a.gcss-button:before {
            left: 1.21429rem !important
        }

        .header-wrapper .flyout-menu .highlighted-menu-items > a.gcss-button:after {
            right: 1.21429rem !important
        }

.header-wrapper .flyout-menu .highlighted-menu-item {
    padding: 1.07143rem;
    position: relative
}

    .header-wrapper .flyout-menu .highlighted-menu-item + .highlighted-menu-item {
        margin-top: .57143rem
    }

    .header-wrapper .flyout-menu .highlighted-menu-item .partialWidth {
        padding: 0;
        border: 0;
        width: 100%;
        margin-top: 1.42857rem
    }

    .header-wrapper .flyout-menu .highlighted-menu-item .dealerInventory {
        padding-bottom: 0
    }

        .header-wrapper .flyout-menu .highlighted-menu-item .dealerInventory a {
            margin-left: 0;
            margin-right: 0
        }

            .header-wrapper .flyout-menu .highlighted-menu-item .dealerInventory a:last-of-type {
                margin-bottom: 0
            }

.header-wrapper .page-overlay {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: none
}

    .header-wrapper .page-overlay.active {
        bottom: 0;
        display: block;
        left: 0;
        padding: 1.78571rem 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 5
    }

.header-wrapper .m-header-wrapper.gcss-theme-light {
    background-color: #fff
}

    .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-light {
        background-color: #e7e7e7;
        color: #000
    }

        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default,
        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default:after,
        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default:before {
            background-color: #000
        }

    .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-dark {
        background-color: #212121;
        color: #fff
    }

        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default,
        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default:after,
        .header-wrapper .m-header-wrapper.gcss-theme-light .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default:before {
            background-color: #fff
        }

    .header-wrapper .m-header-wrapper.gcss-theme-light .header .secondary-menu,
    .header-wrapper .m-header-wrapper.gcss-theme-light .header .secondary-menu a {
        color: #000
    }

        .header-wrapper .m-header-wrapper.gcss-theme-light .header .secondary-menu.active {
            background-color: #fff;
            color: #000
        }

            .header-wrapper .m-header-wrapper.gcss-theme-light .header .secondary-menu.active .vehicle-menu-icon {
                color: #000
            }

                .header-wrapper .m-header-wrapper.gcss-theme-light .header .secondary-menu.active .vehicle-menu-icon:before {
                    color: #d44e00
                }

.header-wrapper .m-header-wrapper.gcss-theme-dark {
    background-color: #000
}

    .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-light {
        background-color: #e7e7e7;
        color: #000
    }

        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default,
        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default:after,
        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-light .gsg-global-nav-toggle .nav-toggle-icon-default:before {
            background-color: #000
        }

    .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-dark {
        background-color: #212121;
        color: #fff
    }

        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default,
        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default:after,
        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .hamburger-menu.gcss-theme-dark .gsg-global-nav-toggle .nav-toggle-icon-default:before {
            background-color: #fff
        }

    .header-wrapper .m-header-wrapper.gcss-theme-dark .header .secondary-menu,
    .header-wrapper .m-header-wrapper.gcss-theme-dark .header .secondary-menu a {
        color: #fff
    }

        .header-wrapper .m-header-wrapper.gcss-theme-dark .header .secondary-menu.active {
            background-color: #fff;
            color: #000
        }

            .header-wrapper .m-header-wrapper.gcss-theme-dark .header .secondary-menu.active .vehicle-menu-icon {
                color: #fff
            }

                .header-wrapper .m-header-wrapper.gcss-theme-dark .header .secondary-menu.active .vehicle-menu-icon:before {
                    color: #d44e00
                }

.header-wrapper .flyout-menu .heading,
.header-wrapper .flyout-menu .navcards,
.header-wrapper .navigation-card-wrapper {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

    .header-wrapper .flyout-menu .btn-links,
    .header-wrapper .navigation-card-wrapper .btn-links {
        -webkit-animation: fadeIn ease-in 1;
        animation: fadeIn ease-in 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .7s;
        animation-duration: .7s
    }

.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-light.active {
    background-color: #e7e7e7;
    color: #000
}

.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-light .nav-toggle-icon-active:after,
.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-light .nav-toggle-icon-active:before {
    background-color: #000 !important
}

.header-wrapper .flyout-wrapper.gcss-theme-light {
    color: #000
}

    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu {
        background-color: #fff;
        padding-bottom: 1.42857rem;
        border-top: .14286rem solid #e7e7e7
    }

@media screen and (max-width: 509px) {
    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu {
        padding-bottom: 0
    }
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu .btn-links {
    background-color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .vehicle-name {
    color: #000
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .description {
    color: #636363
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .navigation-card-container .iconLabel {
    color: #000
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu.hamburgerMenu p.heading {
    color: #333
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item {
    border-bottom: .14286rem solid #bfbfbf;
    color: #000
}

    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item .flyout-links a {
        color: #000
    }

    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item .flyout-links .link-list {
        border-bottom: .07143rem solid #bfbfbf
    }

        .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item .flyout-links .link-list:last-child {
            border-bottom: none
        }

    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.active {
        color: #340000
    }

@media screen and (min-width: 700px) {
    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.selected:before {
        background-color: #700000
    }
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.expanded,
.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.expanded .menu-item-icon {
    color: #700000
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item .menu-item-icon {
    color: #333
}

.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.highlighted-menu-item {
    background-color: #700000;
    border: .14286rem solid #700000
}

    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow {
        background-color: transparent;
        color: #000
    }

@media screen and (max-width: 1004px) {
    .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow:active {
        background-color: #d1d1d1
    }
}

.flyout-wrapper.gcss-theme-light .header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow,
.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .heading .title,
.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .navcards .msrp-wrapper .sdp-row .description,
.header-wrapper .flyout-wrapper.gcss-theme-light .flyout-menu .menu-items .navcards .price-container .price {
    color: #000
}

.header-wrapper .flyout-wrapper.gcss-theme-light .navigation-card-wrapper {
    color: #000;
    border-bottom: .07143rem solid #bfbfbf
}

    .header-wrapper .flyout-wrapper.gcss-theme-light .navigation-card-wrapper:first-child {
        border-top: .07143rem solid #bfbfbf
    }

    .header-wrapper .flyout-wrapper.gcss-theme-light .navigation-card-wrapper .navigation-card-container {
        padding: 0 .71429rem 0 0
    }

        .header-wrapper .flyout-wrapper.gcss-theme-light .navigation-card-wrapper .navigation-card-container .msrp-wrapper .bubble {
            background-color: #e7e7e7;
            color: #000
        }

        .header-wrapper .flyout-wrapper.gcss-theme-light .navigation-card-wrapper .navigation-card-container .iconWrapper .icon {
            color: #d44e00;
            line-height: .71429rem
        }

.header-wrapper .flyout-wrapper.gcss-theme-light.theme-light .hamburgerMenu {
    background-color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-light .priortizedMenu .flyout-links .link-list.gcss-theme-dark .links li a,
.header-wrapper .flyout-wrapper.gcss-theme-light .priortizedMenu .flyout-links .link-list.gcss-theme-light .links li a {
    color: #000
}

.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-dark.active {
    background-color: #212121;
    color: #fff
}

.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-dark .nav-toggle-icon-active:after,
.header-wrapper .m-header-wrapper .hamburger-menu.gcss-theme-dark .nav-toggle-icon-active:before {
    background-color: #fff !important
}

.header-wrapper .flyout-wrapper.gcss-theme-dark {
    color: #fff
}

    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu {
        background-color: #3e3e3e;
        padding-bottom: 1.42857rem;
        border-top: .14286rem solid #212121
    }

@media screen and (max-width: 509px) {
    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu {
        padding-bottom: 0
    }
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu .btn-links {
    background-color: #3e3e3e
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .vehicle-name {
    color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .description {
    color: #bfbfbf
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu .is-accordion .navigation-card-wrapper .navigation-card-container .iconLabel,
.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu.hamburgerMenu p.heading {
    color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item {
    border-bottom: .14286rem solid #bfbfbf;
    color: #fff
}

    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item .flyout-links a {
        color: #fff
    }

    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item .flyout-links .link-list {
        border-bottom: .07143rem solid #bfbfbf
    }

        .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item .flyout-links .link-list:last-child {
            border-bottom: none
        }

    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.active {
        color: #892b00
    }

@media screen and (min-width: 700px) {
    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.selected:before {
        background-color: #ba3b00
    }
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.expanded,
.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.expanded .menu-item-icon {
    color: #ba3b00
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item .menu-item-icon {
    color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.highlighted-menu-item {
    background-color: #ba3b00;
    border: .14286rem solid #ba3b00
}

    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow {
        background-color: transparent;
        color: #fff
    }

@media screen and (max-width: 1004px) {
    .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow:active {
        background-color: #3e3e3e
    }
}

.flyout-wrapper.gcss-theme-light .header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .menu-item.highlighted-menu-item.hollow {
    color: #000
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .heading .title,
.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .navcards .msrp-wrapper .sdp-row .description,
.header-wrapper .flyout-wrapper.gcss-theme-dark .flyout-menu .menu-items .navcards .price-container .price {
    color: #fff
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .navigation-card-wrapper {
    color: #fff;
    border-bottom: .07143rem solid #bfbfbf
}

    .header-wrapper .flyout-wrapper.gcss-theme-dark .navigation-card-wrapper:first-child {
        border-top: .07143rem solid #bfbfbf
    }

    .header-wrapper .flyout-wrapper.gcss-theme-dark .navigation-card-wrapper .navigation-card-container {
        padding: 0 .71429rem 0 0
    }

        .header-wrapper .flyout-wrapper.gcss-theme-dark .navigation-card-wrapper .navigation-card-container .msrp-wrapper .bubble {
            background-color: #212121;
            color: #fff
        }

        .header-wrapper .flyout-wrapper.gcss-theme-dark .navigation-card-wrapper .navigation-card-container .iconWrapper .icon {
            color: #d44e00;
            line-height: .71429rem
        }

.header-wrapper .flyout-wrapper.gcss-theme-dark.theme-light .hamburgerMenu {
    background-color: #000
}

.header-wrapper .flyout-wrapper.gcss-theme-dark .priortizedMenu .flyout-links .link-list.gcss-theme-dark .links li a,
.header-wrapper .flyout-wrapper.gcss-theme-dark .priortizedMenu .flyout-links .link-list.gcss-theme-light .links li a {
    color: #000
}

.header-wrapper .navigation-card-wrapper:first-child {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.header-wrapper .navigation-card-wrapper:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.header-wrapper .navigation-card-wrapper:nth-child(3) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.header-wrapper .navigation-card-wrapper:nth-child(4) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.header-wrapper .navigation-card-wrapper:nth-child(5) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.header-wrapper .navigation-card-wrapper:nth-child(6) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.header-wrapper .navigation-card-wrapper:nth-child(7) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.header-wrapper .navigation-card-wrapper:nth-child(8) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.header-wrapper .navigation-card-wrapper:nth-child(9) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.header-wrapper .navigation-card-wrapper:nth-child(10) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.header-wrapper .navigation-card-wrapper:nth-child(11) {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

.header-wrapper .navigation-card-wrapper:nth-child(12) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.header-wrapper .navigation-card-wrapper:nth-child(13) {
    -webkit-animation-delay: 3.25s;
    animation-delay: 3.25s
}

.header-wrapper .navigation-card-wrapper:nth-child(14) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.header-wrapper .navigation-card-wrapper:nth-child(15) {
    -webkit-animation-delay: 3.75s;
    animation-delay: 3.75s
}

.header-wrapper .navigation-card-wrapper:nth-child(16) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.header-wrapper .navigation-card-wrapper:nth-child(17) {
    -webkit-animation-delay: 4.25s;
    animation-delay: 4.25s
}

.header-wrapper .navigation-card-wrapper:nth-child(18) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.header-wrapper .navigation-card-wrapper:nth-child(19) {
    -webkit-animation-delay: 4.75s;
    animation-delay: 4.75s
}

.header-wrapper .navigation-card-wrapper:nth-child(20) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.main-nav-pinnedlinks {
    position: relative;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .main-nav-pinnedlinks,
    .main-nav-pinnedlinks ul {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .main-nav-pinnedlinks ul {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .main-nav-pinnedlinks ul li {
                list-style-type: none;
                position: relative
            }

                .main-nav-pinnedlinks ul li,
                .main-nav-pinnedlinks ul li > a {
                    display: inherit;
                    height: 100%;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .main-nav-pinnedlinks ul li > a {
                        padding: 0 1.07143rem;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-weight: inherit
                    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .main-nav-pinnedlinks ul li > a {
        font-size: .85714rem
    }
}

@media only screen and (min-width: 1005px) and (max-width: 1045px) {
    .main-nav-pinnedlinks ul li > a {
        padding: 0 .64286rem;
        font-size: .71429rem
    }
}

@media only screen and (min-width: 1046px) and (max-width: 1270px) {
    .main-nav-pinnedlinks ul li > a {
        font-size: .71429rem;
        padding: 0 .71429rem
    }
}

@media only screen and (min-width: 1271px) and (max-width: 1346px) {
    .main-nav-pinnedlinks ul li > a {
        font-size: .85714rem
    }
}

@media only screen and (min-width: 1347px) and (max-width: 1420px) {
    .main-nav-pinnedlinks ul li > a {
        font-size: .92857rem
    }
}

.main-nav-pinnedlinks ul li > a span.iconHolder {
    padding-right: .71429rem
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .main-nav-pinnedlinks ul li > a span.iconHolder {
        font-size: .78571rem;
        padding-right: .42857rem
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1320px) {
    .main-nav-pinnedlinks ul li > a span.iconHolder {
        font-size: .85714rem
    }
}

.main-nav-pinnedlinks ul li > a span.iconFlyout {
    padding-left: .71429rem;
    font-size: .71429rem
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .main-nav-pinnedlinks ul li > a span.iconFlyout {
        padding-left: .28571rem;
        font-size: .64286rem
    }
}

.main-nav-pinnedlinks .partialWidthNav {
    display: none;
    position: absolute;
    top: 1rem;
    left: auto;
    right: 0
}

    .main-nav-pinnedlinks .partialWidthNav.isOpen {
        display: block;
        min-width: 100%
    }

.gcss-theme-light.main-nav-pinnedlinks .partialWidth {
    background-color: #fff;
    border-color: #d1d1d1
}

.gcss-theme-light.main-nav-pinnedlinks ul li a.pinnedItem {
    color: #000;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

    .gcss-theme-light.main-nav-pinnedlinks ul li a.pinnedItem span.iconFlyout,
    .gcss-theme-light.main-nav-pinnedlinks ul li a.pinnedItem span.iconHolder {
        color: #000
    }

.gcss-theme-light.main-nav-pinnedlinks ul li.active {
    background-color: #fff
}

    .gcss-theme-light.main-nav-pinnedlinks ul li.active a.pinnedItem {
        color: #000;
        border-color: #d1d1d1
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.active a.pinnedItem span.icon {
            color: #d44e00
        }

        .gcss-theme-light.main-nav-pinnedlinks ul li.active a.pinnedItem span.iconFlyout {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
            overflow: hidden
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .gcss-theme-light.main-nav-pinnedlinks ul li.active a.pinnedItem span.iconFlyout {
        overflow: visible
    }
}

.gcss-theme-light.main-nav-pinnedlinks ul li.salience-low {
    background-color: #fff
}

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low a.pinnedItem {
        color: #000
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low a.pinnedItem .icon {
            color: #000;
            opacity: .5
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low a.pinnedItem .icon.iconFlyout {
                opacity: 1
            }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:hover {
        background-color: #d1d1d1
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem {
            color: #000 !important
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem .icon.iconFlyout {
                    color: #000
                }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:active {
        background-color: #e7e7e7
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem {
            color: #000 !important
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem .icon.iconFlyout {
                    color: #000
                }

.gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium {
    background-color: #3e3e3e
}

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium:hover {
        background-color: #000
    }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium:active {
        background-color: #212121
    }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem {
        color: #fff !important
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem .icon {
            color: #fff;
            opacity: .5
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem .icon.iconFlyout {
                color: #fff;
                opacity: 1
            }

.gcss-theme-light.main-nav-pinnedlinks ul li.salience-high {
    background-color: #700000
}

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high:hover {
        background-color: #5d0000
    }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high:active {
        background-color: #340000
    }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high a.pinnedItem {
        color: #fff !important
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high a.pinnedItem .icon {
            color: #fff;
            opacity: .5
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high a.pinnedItem .icon.iconFlyout {
                color: #fff;
                opacity: 1
            }

    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high.active,
    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low.active,
    .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium.active {
        background-color: #fff
    }

        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem,
        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem,
        .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem {
            color: #000 !important
        }

            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem .icon,
            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem .icon,
            .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-light.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem .icon.iconFlyout,
                .gcss-theme-light.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem .icon.iconFlyout,
                .gcss-theme-light.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem .icon.iconFlyout {
                    color: #d44e00
                }

.gcss-theme-dark.main-nav-pinnedlinks .partialWidth {
    background-color: #fff;
    border-color: #3e3e3e
}

.gcss-theme-dark.main-nav-pinnedlinks ul li a.pinnedItem {
    color: #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

    .gcss-theme-dark.main-nav-pinnedlinks ul li a.pinnedItem span.iconFlyout,
    .gcss-theme-dark.main-nav-pinnedlinks ul li a.pinnedItem span.iconHolder {
        color: #fff
    }

.gcss-theme-dark.main-nav-pinnedlinks ul li.active {
    background-color: #000
}

    .gcss-theme-dark.main-nav-pinnedlinks ul li.active a.pinnedItem {
        color: #fff;
        border-color: #3e3e3e
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.active a.pinnedItem span.icon {
            color: #d44e00
        }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.active a.pinnedItem span.iconFlyout {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
            overflow: hidden
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .gcss-theme-dark.main-nav-pinnedlinks ul li.active a.pinnedItem span.iconFlyout {
        overflow: visible
    }
}

.gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low {
    background-color: #000
}

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low a.pinnedItem {
        color: #fff
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low a.pinnedItem .icon {
            color: #fff;
            opacity: .5
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low a.pinnedItem .icon.iconFlyout {
                opacity: 1
            }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:hover {
        background-color: #3e3e3e
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem {
            color: #fff !important
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:hover a.pinnedItem .icon.iconFlyout {
                    color: #fff
                }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:active {
        background-color: #212121
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem {
            color: #fff !important
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low:active a.pinnedItem .icon.iconFlyout {
                    color: #fff
                }

.gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium {
    background-color: #3e3e3e
}

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium:hover {
        background-color: #000
    }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium:active {
        background-color: #212121
    }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem {
        color: #fff !important
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem .icon {
            color: #fff;
            opacity: .5
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium a.pinnedItem .icon.iconFlyout {
                color: #fff;
                opacity: 1
            }

.gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high {
    background-color: #700000
}

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high:hover {
        background-color: #5d0000
    }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high:active {
        background-color: #340000
    }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high a.pinnedItem {
        color: #fff !important
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high a.pinnedItem .icon {
            color: #fff;
            opacity: .5
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high a.pinnedItem .icon.iconFlyout {
                color: #fff;
                opacity: 1
            }

    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high.active,
    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low.active,
    .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium.active {
        background-color: #fff
    }

        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem,
        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem,
        .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem {
            color: #000 !important
        }

            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem .icon,
            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem .icon,
            .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem .icon {
                color: #bfbfbf
            }

                .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-high.active a.pinnedItem .icon.iconFlyout,
                .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-low.active a.pinnedItem .icon.iconFlyout,
                .gcss-theme-dark.main-nav-pinnedlinks ul li.salience-medium.active a.pinnedItem .icon.iconFlyout {
                    color: #d44e00
                }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (max-width: 1004px) {
    .desktop-header {
        display: none
    }
}

.position-fixed-class {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.header-wrapper {
    width: 100%
}

@media screen and (min-width: 1005px) {
    .header-wrapper {
        z-index: 9
    }
}

.header-wrapper > .wrapper {
    position: relative;
    top: 0;
    z-index: 100
}

@media screen and (max-width: 1004px) {
    .header-wrapper > .wrapper {
        display: none
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper [class*=__nav] .header {
        height: 5.71429rem;
        font-family: Roboto;
        font-size: 1rem;
        font-weight: 700
    }
}

.header-wrapper [class*=__nav] .flyout-shopping-tools.active,
.header-wrapper [class*=__nav] .flyout-vehicles.active {
    position: relative;
    top: 5.71429rem
}

.header-wrapper [class*=__nav].fixed {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%
}

.header-wrapper [class*=__nav] .main-nav-pinnedlinks .partialWidthNav.isOpen {
    top: 5.71429rem;
    max-width: 100%
}

.header-wrapper .logo {
    padding: 0 1.07143rem;
    height: 100%;
    display: inherit;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .5s ease
}

@media only screen and (min-width: 1005px) and (max-width: 1259px) {
    .header-wrapper .logo {
        padding: 0 .57143rem 0 1.07143rem
    }
}

.header-wrapper .logo a {
    display: inherit;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    max-width: 100%
}

    .header-wrapper .logo a > .image-container {
        min-width: 1px
    }

.header-wrapper .fiatusa__nav.fixed {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%
}

.header-wrapper .fiatusa__nav .logo {
    height: 2.85714rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .fiatusa__nav .logo {
        height: 4.57143rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .fiatusa__nav .logo {
        height: 5.28571rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .fiatusa__nav ~ div.page-overlay {
        top: 7.85714rem
    }
}

.header-wrapper .jeep__nav .logo {
    height: 1.78571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .jeep__nav .logo {
        height: 2.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .jeep__nav .logo {
        height: 2.42857rem
    }
}

.header-wrapper .ramtrucks__nav .logo {
    height: 2.14286rem
}

    .header-wrapper .ramtrucks__nav .logo img {
        width: 100%
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .ramtrucks__nav .logo {
        height: 3.57143rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .ramtrucks__nav .logo {
        height: 3.57143rem
    }
}

.header-wrapper .chrysler__nav .logo {
    height: 1.07143rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .chrysler__nav .logo {
        height: 1.78571rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .chrysler__nav .logo {
        height: 1.78571rem;
        width: 12.5rem
    }
}

.header-wrapper .dodge__nav .logo {
    height: .85714rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .dodge__nav .logo {
        height: 1.5rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .dodge__nav .logo {
        height: 1.64286rem;
        width: 11.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .header-wrapper .country-changer-wrapper {
        text-align: right;
        height: 2.14286rem
    }
}

.header-wrapper .header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .header-wrapper .header .main-nav-links {
        display: inherit;
        height: 100%;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

        .header-wrapper .header .main-nav-links ul {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .header-wrapper .header .main-nav-links ul li {
                list-style-type: none;
                position: relative;
                transition: background-color 1s
            }

                .header-wrapper .header .main-nav-links ul li,
                .header-wrapper .header .main-nav-links ul li a {
                    display: inherit;
                    height: 100%;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .header-wrapper .header .main-nav-links ul li a {
                        padding: 0 1.07143rem;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-size: 1rem;
                        line-height: 1.42857rem;
                        transition: all .5s ease
                    }

@media only screen and (min-width: 1005px) and (max-width: 1045px) {
    .header-wrapper .header .main-nav-links ul li a {
        padding: 0 .64286rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .header-wrapper .header .main-nav-links ul li a {
        font-size: gcss-typography-label(7)
    }
}

@media only screen and (min-width: 1005px) and (max-width: 1045px) {
    .header-wrapper .header .main-nav-links ul li a {
        font-size: .71429rem;
        padding: 0 .64286rem
    }
}

@media only screen and (min-width: 1046px) and (max-width: 1270px) {
    .header-wrapper .header .main-nav-links ul li a {
        font-size: .71429rem;
        padding: 0 .71429rem
    }
}

@media only screen and (min-width: 1271px) and (max-width: 1346px) {
    .header-wrapper .header .main-nav-links ul li a {
        font-size: .85714rem
    }
}

@media only screen and (min-width: 1347px) and (max-width: 1420px) {
    .header-wrapper .header .main-nav-links ul li a {
        font-size: .92857rem
    }
}

.header-wrapper .header .main-nav-links ul li a span.icon {
    margin-left: .71429rem;
    transition: all .5s ease;
    font-size: .71429rem
}

@media only screen and (min-width: 1005px) and (max-width: 1045px) {
    .header-wrapper .header .main-nav-links ul li a span.icon {
        margin-left: .28571rem;
        font-size: .42857rem
    }
}

@media only screen and (min-width: 1046px) and (max-width: 1270px) {
    .header-wrapper .header .main-nav-links ul li a span.icon {
        margin-left: .28571rem;
        font-size: .5rem
    }
}

@media only screen and (min-width: 1271px) and (max-width: 1346px) {
    .header-wrapper .header .main-nav-links ul li a span.icon {
        margin-left: .28571rem;
        font-size: .57143rem
    }
}

@media only screen and (min-width: 1347px) and (max-width: 1420px) {
    .header-wrapper .header .main-nav-links ul li a span.icon {
        margin-left: .28571rem;
        font-size: .64286rem
    }
}

.header-wrapper .header .main-nav-rightlinks {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0
}

.header-wrapper .nav-flyout {
    display: none;
    z-index: 99;
    background-clip: content-box;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

    .header-wrapper .nav-flyout[class*=__nav-active] {
        display: block;
        position: relative;
        -webkit-animation: fadeIn 1ms linear;
        animation: fadeIn 1ms linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        opacity: 1
    }

@media screen and (min-width: 1005px) {
    .header-wrapper .nav-flyout[class*=__nav-active] {
        margin-left: 0;
        margin-right: 0
    }
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid .navigation-card-wrapper {
    -webkit-animation: fadeIn .5s linear;
    animation: fadeIn .5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:first-child .navigation-card-wrapper {
    -webkit-animation-delay: 10ms;
    animation-delay: 10ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(2) .navigation-card-wrapper {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(3) .navigation-card-wrapper {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(4) .navigation-card-wrapper {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(5) .navigation-card-wrapper {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(6) .navigation-card-wrapper {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(7) .navigation-card-wrapper {
    -webkit-animation-delay: 70ms;
    animation-delay: 70ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(8) .navigation-card-wrapper {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(9) .navigation-card-wrapper {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(10) .navigation-card-wrapper {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(11) .navigation-card-wrapper {
    -webkit-animation-delay: .11s;
    animation-delay: .11s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(12) .navigation-card-wrapper {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(13) .navigation-card-wrapper {
    -webkit-animation-delay: .13s;
    animation-delay: .13s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(14) .navigation-card-wrapper {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(15) .navigation-card-wrapper {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(16) .navigation-card-wrapper {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(17) .navigation-card-wrapper {
    -webkit-animation-delay: .17s;
    animation-delay: .17s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(18) .navigation-card-wrapper {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(19) .navigation-card-wrapper {
    -webkit-animation-delay: .19s;
    animation-delay: .19s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(20) .navigation-card-wrapper {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.header-wrapper .nav-flyout[class*=__nav-active] .navcards .layout-grid > .sdp-col:nth-child(21) .navigation-card-wrapper {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}

.header-wrapper .nav-flyout[class*=__nav-active] .flyout-links .layout-grid .link-list {
    -webkit-animation: fadeIn .13s linear;
    animation: fadeIn .13s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.header-wrapper .nav-flyout[class*=__nav-active] .flyout-links .layout-grid > .sdp-col:last-of-type .link-list {
    border-right: none
}

.header-wrapper .nav-flyout[class*=__nav-active] .flyout-links .layout-grid > .sdp-col:first-child .link-list {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}

.header-wrapper .nav-flyout[class*=__nav-active] .flyout-links .layout-grid > .sdp-col:nth-child(2) .link-list {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.header-wrapper .nav-flyout[class*=__nav-active] .flyout-links .layout-grid > .sdp-col:nth-child(3) .link-list {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.header-wrapper .nav-flyout.fiatusa__nav-active .navigation-card-container .vehicle-name {
    text-transform: none
}

.header-wrapper .nav-flyout .navcards .navigation-card-wrapper {
    margin-bottom: 1.07143rem
}

    .header-wrapper .nav-flyout .navcards .navigation-card-wrapper .wrapper {
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }

        .header-wrapper .nav-flyout .navcards .navigation-card-wrapper .wrapper .display-media-container {
            height: auto
        }

.header-wrapper .nav-flyout .navcards .navigation-card-container .iconDetails .icon {
    font-size: 2.85714rem;
    margin-bottom: 1.64286rem
}

@media screen and (min-width: 1005px) {
    .header-wrapper .nav-flyout .navcards .navigation-card-container > .sdp-row {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%
    }

        .header-wrapper .nav-flyout .navcards .navigation-card-container > .sdp-row > .sdp-col > div:first-child {
            width: 100%;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .header-wrapper .nav-flyout .navcards .navigation-card-container > .sdp-row > .sdp-col > div:first-child > .vehicle-name {
                width: 100%;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                display: block
            }

            .header-wrapper .nav-flyout .navcards .navigation-card-container > .sdp-row > .sdp-col > div:first-child > .msrp-wrapper {
                width: 100%;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            }

                .header-wrapper .nav-flyout .navcards .navigation-card-container > .sdp-row > .sdp-col > div:first-child > .msrp-wrapper > .msrp-wrapper__grid__row__price {
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }
}

.header-wrapper .nav-flyout#flyout-vehicles .heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.07143rem 0;
    border-bottom: .07143rem solid #bfbfbf
}

    .header-wrapper .nav-flyout#flyout-vehicles .heading .title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: Roboto;
        font-size: 1.78571rem;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0 1.42857rem
    }

.header-wrapper .nav-flyout#flyout-vehicles .btn-links {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    z-index: 11;
    background: #d1d1d1;
    padding: .71429rem
}

    .header-wrapper .nav-flyout#flyout-vehicles .btn-links a {
        border-radius: 0
    }

        .header-wrapper .nav-flyout#flyout-vehicles .btn-links a + a {
            margin-left: .71429rem
        }

.header-wrapper .nav-flyout.flyout-standard .navcards {
    padding: 1.42857rem 0
}

    .header-wrapper .nav-flyout.flyout-standard .navcards .navigation-card-wrapper span.description {
        margin-left: 5%;
        margin-right: 5%
    }

.header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col.col-item {
    border-right: .07143rem solid #bfbfbf
}

    .header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col.col-item:last-of-type {
        border-right: none
    }

    .header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col.col-item:only-child {
        border-left: .07143rem solid #bfbfbf;
        border-right: .07143rem solid #bfbfbf
    }

.header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col .link-list {
    padding: 2.5rem 0 3.57143rem 6.07143rem;
    height: 100%
}

    .header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col .link-list ul.links li a {
        padding-left: 0
    }

.header-wrapper .nav-flyout.flyout-standard .flyout-links .layout-grid .sdp-col:last-of-type .link-list {
    border: none
}

.header-wrapper .nav-flyout .divider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .07143rem solid #bfbfbf;
    margin: 0;
    color: #bfbfbf
}

.header-wrapper .page-overlay {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: none
}

    .header-wrapper .page-overlay.active {
        bottom: 0;
        display: block;
        left: 0;
        padding: 1.78571rem 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 5
    }

.header-wrapper.scrolled .chrysler__nav .header .logo {
    width: 7.14286rem
}

.header-wrapper.scrolled .wrapper .logo .image-container img {
    max-height: 3.57143rem
}

.gcss-theme-light.header-wrapper,
.gcss-theme-light.header-wrapper .header {
    background: #fff
}

    .gcss-theme-light.header-wrapper .header .main-nav-links ul li {
        background-color: #fff
    }

        .gcss-theme-light.header-wrapper .header .main-nav-links ul li > a,
        .gcss-theme-light.header-wrapper .header .main-nav-links ul li > a span.icon {
            color: #000
        }

            .gcss-theme-light.header-wrapper .header .main-nav-links ul li > a:hover {
                background-color: #d1d1d1
            }

                .gcss-theme-light.header-wrapper .header .main-nav-links ul li > a:hover span {
                    opacity: .8
                }

            .gcss-theme-light.header-wrapper .header .main-nav-links ul li > a:active {
                background-color: #d1d1d1
            }

        .gcss-theme-light.header-wrapper .header .main-nav-links ul li.active {
            background-color: #fff
        }

            .gcss-theme-light.header-wrapper .header .main-nav-links ul li.active > a {
                color: #000
            }

                .gcss-theme-light.header-wrapper .header .main-nav-links ul li.active > a span.icon {
                    color: #d44e00;
                    -webkit-transform: rotateX(180deg);
                    transform: rotateX(180deg);
                    overflow: hidden
                }

                .gcss-theme-light.header-wrapper .header .main-nav-links ul li.active > a:hover {
                    background-color: #fff
                }

    .gcss-theme-light.header-wrapper .header .main-nav-rightlinks ul li > a {
        color: #000;
        letter-spacing: .05rem
    }

        .gcss-theme-light.header-wrapper .header .main-nav-rightlinks ul li.active > a,
        .gcss-theme-light.header-wrapper .header .main-nav-rightlinks ul li > a span.gcss-icon-chevron-down,
        .gcss-theme-light.header-wrapper .header .main-nav-rightlinks ul li > a span.gcss-icon-chevron-up {
            color: #000
        }

            .gcss-theme-light.header-wrapper .header .main-nav-rightlinks ul li.active > a span.icon {
                color: #d44e00
            }

    .gcss-theme-light.header-wrapper .nav-flyout {
        background-color: #fff
    }

        .gcss-theme-light.header-wrapper .nav-flyout .divider {
            color: #bfbfbf
        }

        .gcss-theme-light.header-wrapper .nav-flyout .heading {
            color: #000
        }

.gcss-theme-dark.header-wrapper,
.gcss-theme-dark.header-wrapper .header {
    background: #000
}

    .gcss-theme-dark.header-wrapper .header .main-nav-links ul li {
        background-color: #000
    }

        .gcss-theme-dark.header-wrapper .header .main-nav-links ul li > a,
        .gcss-theme-dark.header-wrapper .header .main-nav-links ul li > a span.icon {
            color: #fff
        }

            .gcss-theme-dark.header-wrapper .header .main-nav-links ul li > a:hover {
                background-color: #3e3e3e
            }

                .gcss-theme-dark.header-wrapper .header .main-nav-links ul li > a:hover span {
                    opacity: .8
                }

            .gcss-theme-dark.header-wrapper .header .main-nav-links ul li > a:active {
                background-color: #3e3e3e
            }

        .gcss-theme-dark.header-wrapper .header .main-nav-links ul li.active {
            background-color: #fff
        }

            .gcss-theme-dark.header-wrapper .header .main-nav-links ul li.active > a {
                color: #000
            }

                .gcss-theme-dark.header-wrapper .header .main-nav-links ul li.active > a span.icon {
                    color: #d44e00;
                    -webkit-transform: rotateX(180deg);
                    transform: rotateX(180deg);
                    overflow: hidden
                }

                .gcss-theme-dark.header-wrapper .header .main-nav-links ul li.active > a:hover {
                    background-color: #fff
                }

    .gcss-theme-dark.header-wrapper .header .main-nav-rightlinks ul li > a {
        color: #fff;
        letter-spacing: .05rem
    }

        .gcss-theme-dark.header-wrapper .header .main-nav-rightlinks ul li.active > a,
        .gcss-theme-dark.header-wrapper .header .main-nav-rightlinks ul li > a span.gcss-icon-chevron-down,
        .gcss-theme-dark.header-wrapper .header .main-nav-rightlinks ul li > a span.gcss-icon-chevron-up {
            color: #fff
        }

            .gcss-theme-dark.header-wrapper .header .main-nav-rightlinks ul li.active > a span.icon {
                color: #d44e00
            }

    .gcss-theme-dark.header-wrapper .nav-flyout {
        background-color: #fff
    }

        .gcss-theme-dark.header-wrapper .nav-flyout .divider {
            color: #bfbfbf
        }

        .gcss-theme-dark.header-wrapper .nav-flyout .heading {
            color: #000
        }

.tertiary-nav {
    z-index: 10
}

@media screen and (max-width: 699px) {
    .tertiary-nav,
    .tertiary-nav .sdp-grid {
        padding: 0
    }
}

@media screen and (min-width: 700px) {
    .tertiary-nav ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 699px) {
    .tertiary-nav ul {
        padding-bottom: 1.07143rem
    }
}

@media screen and (min-width: 700px) {
    .tertiary-nav ul li {
        margin: 0 1.07143rem
    }
}

@media screen and (max-width: 699px) {
    .tertiary-nav ul li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 2.71429rem
    }
}

.tertiary-nav ul li a.link-text {
    padding: .71429rem 0;
    margin-bottom: 0;
    position: relative;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .tertiary-nav ul li a.link-text {
        line-height: 1.78571rem
    }
}

@media screen and (max-width: 699px) {
    .tertiary-nav ul li.active {
        padding-left: 0
    }
}

.tertiary-nav ul li.active a:after {
    position: absolute;
    font-size: .71429rem
}

@media screen and (min-width: 700px) {
    .tertiary-nav ul li.active a {
        padding-bottom: .42857rem
    }

        .tertiary-nav ul li.active a:after {
            display: inline-block;
            width: 100%;
            left: 0;
            text-align: center;
            top: 1.64rem;
            font-size: .35714rem;
            content: "\E914";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased
        }
}

@media screen and (max-width: 699px) {
    .tertiary-nav ul li.active a {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 2.14286rem
    }

        .tertiary-nav ul li.active a:after {
            left: -.07143rem;
            content: "\E913";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased
        }
}

@media screen and (min-width: 700px) {
    .gcss-theme-light.tertiary-nav ul {
        background-color: #fff
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-light.tertiary-nav ul {
        background-color: #fff
    }
}

.gcss-theme-light.tertiary-nav ul li a.link-text {
    color: #636363
}

    .gcss-theme-light.tertiary-nav ul li a.link-text:hover {
        color: #636363;
        text-decoration: underline
    }

    .gcss-theme-light.tertiary-nav ul li a.link-text:active {
        color: #340000
    }

.gcss-theme-light.tertiary-nav ul li.active a:after {
    color: #700000
}

@media screen and (min-width: 700px) {
    .gcss-theme-light.tertiary-nav ul li.active a {
        border-bottom: .28571rem solid #700000
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-light.tertiary-nav ul li.active a {
        border-left: .57143rem solid #700000
    }
}

@media screen and (min-width: 700px) {
    .gcss-theme-dark.tertiary-nav ul {
        background-color: #3e3e3e
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark.tertiary-nav ul {
        background-color: #000
    }
}

.gcss-theme-dark.tertiary-nav ul li a.link-text {
    color: #bfbfbf
}

    .gcss-theme-dark.tertiary-nav ul li a.link-text:hover {
        color: #bfbfbf;
        text-decoration: underline
    }

    .gcss-theme-dark.tertiary-nav ul li a.link-text:active {
        color: #892b00
    }

.gcss-theme-dark.tertiary-nav ul li.active a:after {
    color: #ba3b00
}

@media screen and (min-width: 700px) {
    .gcss-theme-dark.tertiary-nav ul li.active a {
        border-bottom: .28571rem solid #ba3b00
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark.tertiary-nav ul li.active a {
        border-left: .57143rem solid #ba3b00
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .secondary-navigation.scrolled .secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-down,
    .secondary-navigation.scrolled .secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-up {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

.secondary-navigation-items {
    list-style: none;
    text-align: center
}

    .secondary-navigation-items .secondary-navigation-section {
        position: relative;
        padding: 0 1.07143rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 3.21429rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width: 699px) {
    .secondary-navigation-items .secondary-navigation-section {
        padding: 0 .71429rem;
        width: 100%
    }
}

.secondary-navigation-items .secondary-navigation-section a {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    margin: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media screen and (max-width: 699px) {
    .secondary-navigation-items .secondary-navigation-section a {
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap
    }
}

.secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-down,
.secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-up {
    margin-left: .35714rem;
    margin-top: .14286rem;
    font-size: .57143rem
}

    .secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-down:before,
    .secondary-navigation-items .secondary-navigation-section a .gcss-icon-chevron-up:before {
        display: inline-block;
        text-decoration: none
    }

.secondary-navigation-items .secondary-navigation-section a:hover {
    text-decoration: underline
}

    .secondary-navigation-items .secondary-navigation-section a:hover span {
        display: inline-block;
        text-decoration: none !important
    }

.secondary-navigation-items .secondary-navigation-section .gcss-icon-chevron-right,
.secondary-navigation-items .secondary-navigation-section .gcss-icon-minus,
.secondary-navigation-items .secondary-navigation-section .gcss-icon-plus {
    float: right
}

@media screen and (max-width: 699px) {
    .secondary-navigation-items .secondary-navigation-section .gcss-icon-chevron-right,
    .secondary-navigation-items .secondary-navigation-section .gcss-icon-minus,
    .secondary-navigation-items .secondary-navigation-section .gcss-icon-plus {
        font-size: .71429rem
    }
}

@media screen and (min-width: 700px) {
    .secondary-navigation-items .secondary-navigation-section.selected.simple {
        padding-top: .28571rem
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-items .secondary-navigation-section.selected.simple {
        padding: 0
    }
}

.secondary-navigation-items .secondary-navigation-section.selected.simple .gcss-icon-chevron-right {
    display: none
}

.secondary-navigation-items .secondary-navigation-section.selected.simple a:after {
    position: absolute;
    color: #700000;
    font-size: .28571rem
}

@media screen and (min-width: 700px) {
    .secondary-navigation-items .secondary-navigation-section.selected.simple a {
        border-bottom: .28571rem solid #700000
    }

        .secondary-navigation-items .secondary-navigation-section.selected.simple a:after {
            display: inline-block;
            width: 100%;
            left: 0;
            text-align: center;
            bottom: .28571rem;
            content: "\E914";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased
        }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-items .secondary-navigation-section.selected.simple a {
        border-left: .28571rem solid #700000;
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: .71429rem
    }

        .secondary-navigation-items .secondary-navigation-section.selected.simple a:after {
            left: .28571rem;
            top: 50%;
            content: "\E913";
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased
        }
}

.gcss-theme-light.secondary-navigation-section {
    background-color: #e7e7e7
}

@media screen and (max-width: 699px) {
    .gcss-theme-light.secondary-navigation-section {
        border-top: .07143rem solid #bfbfbf;
        background-color: #fff
    }
}

.gcss-theme-light.secondary-navigation-section a {
    color: #636363
}

@media screen and (max-width: 699px) {
    .gcss-theme-light.secondary-navigation-section a {
        color: #000
    }
}

.gcss-theme-light.secondary-navigation-section a:hover {
    color: #636363
}

.gcss-theme-light.secondary-navigation-section a:active {
    color: #340000
}

.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-down,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-down:active,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-down:hover,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-right,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-right:active,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-right:hover,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-up,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-up:active,
.gcss-theme-light.secondary-navigation-section .gcss-icon-chevron-up:hover,
.gcss-theme-light.secondary-navigation-section .gcss-icon-minus,
.gcss-theme-light.secondary-navigation-section .gcss-icon-minus:active,
.gcss-theme-light.secondary-navigation-section .gcss-icon-minus:hover,
.gcss-theme-light.secondary-navigation-section .gcss-icon-plus,
.gcss-theme-light.secondary-navigation-section .gcss-icon-plus:active,
.gcss-theme-light.secondary-navigation-section .gcss-icon-plus:hover {
    color: #636363
}

.gcss-theme-light.selected.simple {
    background-color: #fff
}

    .gcss-theme-light.selected.simple a {
        color: #636363
    }

.gcss-theme-light.selected.flyout {
    background-color: #fff
}

    .gcss-theme-light.selected.flyout a {
        color: #636363
    }

    .gcss-theme-light.selected.flyout .gcss-icon-chevron-up,
    .gcss-theme-light.selected.flyout .gcss-icon-minus {
        color: #700000
    }

.gcss-theme-dark.secondary-navigation-section {
    background-color: #212121
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark.secondary-navigation-section {
        border-top: .07143rem solid #bfbfbf;
        background-color: #000
    }
}

.gcss-theme-dark.secondary-navigation-section a {
    color: #bfbfbf
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark.secondary-navigation-section a {
        color: #fff
    }
}

.gcss-theme-dark.secondary-navigation-section a:hover {
    color: #bfbfbf
}

.gcss-theme-dark.secondary-navigation-section a:active {
    color: #892b00
}

.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-down,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-down:active,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-down:hover,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-right,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-right:active,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-right:hover,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-up,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-up:active,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-chevron-up:hover,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-minus,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-minus:active,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-minus:hover,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-plus,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-plus:active,
.gcss-theme-dark.secondary-navigation-section .gcss-icon-plus:hover {
    color: #bfbfbf
}

.gcss-theme-dark.selected.simple {
    background-color: #3e3e3e
}

    .gcss-theme-dark.selected.simple a {
        color: #bfbfbf
    }

.gcss-theme-dark.selected.flyout {
    background-color: #3e3e3e
}

    .gcss-theme-dark.selected.flyout a {
        color: #bfbfbf
    }

    .gcss-theme-dark.selected.flyout .gcss-icon-chevron-up,
    .gcss-theme-dark.selected.flyout .gcss-icon-minus {
        color: #ba3b00
    }

.navigation-back-button-container {
    height: inherit;
    transition: all .5s ease
}

    .navigation-back-button-container .back-button {
        width: 3.21429rem;
        background-color: #212121;
        padding: .71429rem 0;
        height: inherit;
        cursor: pointer;
        text-align: center
    }

        .navigation-back-button-container .back-button .back-text {
            display: block;
            color: #fff;
            font-size: .64286rem;
            text-transform: uppercase
        }

    .navigation-back-button-container.expanded .back-button {
        background-color: #3e3e3e
    }

    .navigation-back-button-container .gcss-icon-back {
        font-size: 1.28571rem;
        color: #e7e7e7
    }

    .navigation-back-button-container .back-menu-item-dropdown {
        background-color: #3e3e3e
    }

        .navigation-back-button-container .back-menu-item-dropdown.is-accordion {
            overflow: hidden;
            display: none;
            transition: max-height .5s ease-in-out;
            padding: 0
        }

        .navigation-back-button-container .back-menu-item-dropdown.expanded {
            display: block;
            padding-left: 1.42857rem;
            padding-top: 1.78571rem
        }

        .navigation-back-button-container .back-menu-item-dropdown a {
            text-decoration: none;
            color: #fff;
            margin-bottom: 1.42857rem
        }

            .navigation-back-button-container .back-menu-item-dropdown a.link-text:hover {
                color: #fff
            }

            .navigation-back-button-container .back-menu-item-dropdown a:after {
                content: "";
                display: block;
                margin-top: 1.42857rem;
                width: 2.14286rem;
                height: .07143rem;
                background-color: #fff
            }

            .navigation-back-button-container .back-menu-item-dropdown a:last-child:after {
                display: none
            }

        .navigation-back-button-container .back-menu-item-dropdown .home-link a:before {
            font-family: GCSS Icons;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            margin-right: .35714rem;
            font-size: .78571rem
        }

.dropdown-open {
    overflow: hidden
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.swap-enter {
    opacity: .01;
    transition: all .5s ease-in
}

.swap-leave {
    opacity: 1;
    transition: all .01s ease-in
}

.swap-enter,
.swap-leave {
    position: absolute;
    width: 100%
}

    .swap-enter.swap-enter-active,
    .swap-leave.swap-enter-active {
        opacity: 1
    }

    .swap-enter.swap-leave-active,
    .swap-leave.swap-leave-active {
        opacity: 0
    }

.secondary-navigation .sdp-row.valign-center {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width: 1005px) {
    .secondary-navigation .sdp-row.valign-center {
        margin: 0
    }
}

.secondary-navigation .scrolled .sdp-row.valign-center > .sdp-col.secondary-section-list__col,
.secondary-navigation .sdp-row.valign-center > .sdp-col.link-vehicle-name__col {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media screen and (max-width: 1004px) {
    .secondary-navigation .scrolled .sdp-row.valign-center > .sdp-col.secondary-section-list__col {
        padding: 0
    }
}

.secondary-navigation .scrolled .sdp-row.valign-center > .sdp-col.secondary-section-list__col ul.secondary-section-list {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 1005px) {
    .secondary-navigation .scrolled .sdp-row.valign-center > .sdp-col.secondary-section-list__col ul.secondary-section-list {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .secondary-navigation.scrolled.ramtrucks-secondary-nav .secondary-navigation-section {
        padding: 0 .35714rem
    }
}

.secondary-navigation-bar {
    background-color: #212121;
    height: 3.21429rem
}

@media screen and (min-width: 510px) {
    .secondary-navigation-bar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 1005px) {
    .secondary-navigation-bar.no-other-model {
        padding-left: 8.85714rem;
        transition: padding .5s ease
    }

    .dodge-secondary-nav.scrolled .secondary-navigation-bar.no-other-model.scrolled,
    .dodge-secondary-nav .secondary-navigation-bar.no-other-model {
        padding-left: 11.71429rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .chrysler-secondary-nav .secondary-navigation-bar.no-other-model {
        padding-left: 0
    }
}

.dodge-secondary-nav.scrolled .secondary-navigation-bar.scrolled {
    padding-left: 5rem
}

@media screen and (min-width: 1005px) {
    .secondary-navigation-bar {
        overflow: hidden
    }
}

.tertiary-menu {
    display: none
}

    .tertiary-menu.tertiary-menu-open {
        display: block
    }

@media screen and (min-width: 700px) {
    .tertiary-menu {
        border-bottom: .07143rem solid #bfbfbf;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-desktop {
        display: none
    }
}

.secondary-navigation-desktop.tertiary-open {
    margin-bottom: 2.28571rem
}

.secondary-navigation-desktop,
.secondary-navigation-mobile {
    z-index: 10
}

@media screen and (min-width: 510px) {
    .secondary-navigation-desktop,
    .secondary-navigation-mobile {
        position: relative
    }
}

.secondary-navigation-desktop .hide,
.secondary-navigation-mobile .hide {
    -webkit-animation: .25s fadeout;
    animation: .25s fadeout;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none
}

.secondary-navigation-desktop .show,
.secondary-navigation-mobile .show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: .25s fadein;
    animation: .25s fadein;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.secondary-navigation-desktop .previous-model-label__col,
.secondary-navigation-mobile .previous-model-label__col {
    margin-left: 1.07143rem;
    margin-right: .71429rem
}

    .secondary-navigation-desktop .previous-model-label__col a,
    .secondary-navigation-mobile .previous-model-label__col a {
        margin-bottom: 0
    }

        .secondary-navigation-desktop .previous-model-label__col a:hover,
        .secondary-navigation-mobile .previous-model-label__col a:hover {
            text-decoration: underline
        }

.secondary-navigation-desktop .previous-model,
.secondary-navigation-mobile .previous-model {
    margin-right: 1.42857rem
}

@media screen and (min-width: 1005px) {
    .secondary-navigation-desktop .previous-model,
    .secondary-navigation-mobile .previous-model {
        display: inline
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-desktop .previous-model,
    .secondary-navigation-mobile .previous-model {
        text-transform: uppercase;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 1.07143rem;
        height: 3.57143rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.secondary-navigation-desktop .previous-model a,
.secondary-navigation-mobile .previous-model a {
    margin-bottom: 0
}

    .secondary-navigation-desktop .previous-model a:hover,
    .secondary-navigation-mobile .previous-model a:hover {
        text-decoration: underline
    }

@media screen {
    .secondary-navigation-desktop .previous-model a,
    .secondary-navigation-mobile .previous-model a {
        max-width: 14.28571rem
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-desktop .previous-model a,
    .secondary-navigation-mobile .previous-model a {
        margin-left: .71429rem
    }
}

.secondary-navigation-desktop .previous-model .keyline__col,
.secondary-navigation-mobile .previous-model .keyline__col {
    padding-left: .71429rem
}

.secondary-navigation-desktop .secondary-navigation-overlay,
.secondary-navigation-mobile .secondary-navigation-overlay {
    cursor: pointer;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: all .5s ease
}

.secondary-navigation-desktop .keyline,
.secondary-navigation-mobile .keyline {
    border-right: .14286rem solid #bfbfbf
}

.secondary-navigation-desktop .link-vehicle-name,
.secondary-navigation-mobile .link-vehicle-name {
    text-decoration: none;
    color: #fff
}

    .secondary-navigation-desktop .link-vehicle-name:hover,
    .secondary-navigation-mobile .link-vehicle-name:hover {
        text-decoration: underline
    }

.secondary-navigation-desktop .vehicle-name,
.secondary-navigation-mobile .vehicle-name {
    color: #fff;
    padding-right: 1.07143rem
}

@media screen and (min-width: 700px) {
    .secondary-navigation-desktop .vehicle-name,
    .secondary-navigation-mobile .vehicle-name {
        margin-left: .71429rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .secondary-navigation-desktop .vehicle-name,
    .secondary-navigation-mobile .vehicle-name {
        display: block
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-desktop .vehicle-name,
    .secondary-navigation-mobile .vehicle-name {
        color: #000
    }
}

.secondary-navigation-desktop .main-nav-rightlinks__col,
.secondary-navigation-mobile .main-nav-rightlinks__col {
    display: none
}

.secondary-navigation-desktop .zipCode .result .zip,
.secondary-navigation-mobile .zipCode .result .zip {
    width: 60%
}

.secondary-navigation-desktop .zipCode .result .toggle,
.secondary-navigation-mobile .zipCode .result .toggle {
    width: 40%
}

    .secondary-navigation-desktop .zipCode .result .toggle a,
    .secondary-navigation-desktop .zipCode .result .toggle a.active,
    .secondary-navigation-mobile .zipCode .result .toggle a,
    .secondary-navigation-mobile .zipCode .result .toggle a.active {
        min-width: 0;
        text-align: center
    }

.secondary-section-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 699px) {
    .secondary-section-list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 510px) {
    .secondary-section-list .ter-nav {
        position: absolute;
        left: 0;
        width: 100%
    }
}

.secondary-navigation-desktop.scrolled {
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 30
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .secondary-navigation-desktop.scrolled .link-vehicle-name {
        text-align: center
    }

    .secondary-navigation-desktop.scrolled .vehicle-name {
        padding: 0;
        margin: 0 .35714rem
    }
}

.secondary-navigation-desktop.scrolled .secondary-navigation-bar {
    height: 3.57143rem
}

@media screen and (min-width: 1005px) {
    .secondary-navigation-desktop.scrolled .secondary-navigation-bar.no-other-model {
        padding-left: 7.14286rem
    }
}

.secondary-navigation-desktop.scrolled .previous-model-label__col,
.secondary-navigation-desktop.scrolled .previous-model__col {
    visibility: hidden;
    max-width: 5rem
}

.secondary-navigation-desktop.scrolled .previous-model {
    display: none
}

@media screen and (max-width: 1004px) {
    .secondary-navigation-desktop.scrolled .previous-model {
        display: none
    }
}

.secondary-navigation-desktop.scrolled .previous-model a {
    max-width: 5rem;
    transition: max-width .5s cubic-bezier(0, .55, 0, 1);
    display: inline-block
}

.secondary-navigation-desktop.scrolled.chrysler-secondary-nav .previous-model a {
    max-width: 5.35714rem;
    transition: max-width .5s cubic-bezier(0, .3, 0, 1)
}

.secondary-navigation-desktop.scrolled.dodge-secondary-nav .previous-model {
    margin-right: 5rem
}

.secondary-navigation-desktop.scrolled .keyline {
    visibility: hidden
}

.secondary-navigation-desktop.scrolled .secondary-navigation-section {
    height: 3.57143rem
}

@media screen and (min-width: 700px) {
    .secondary-navigation-desktop.scrolled .main-nav-rightlinks {
        height: 3.57143rem
    }

    .secondary-navigation-desktop.scrolled .main-nav-rightlinks__col {
        display: block
    }

    .secondary-navigation-desktop.scrolled .main-nav-rightlinks .partialWidthNav {
        top: 3.57143rem;
        z-index: 9999
    }

    .secondary-navigation-desktop.scrolled .main-nav-rightlinks .zipCode .zipOpenDrawer .dataField {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 1005px) {
    .secondary-navigation-desktop.scrolled .main-nav-rightlinks__col {
        visibility: hidden
    }
}

.secondary-navigation-mobile {
    position: relative;
    height: 3.21429rem;
    z-index: 179
}

    .secondary-navigation-mobile .secondary-menu-list {
        overflow-y: scroll;
        cursor: pointer
    }

    .secondary-navigation-mobile.scrolled {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 181
    }

        .secondary-navigation-mobile.scrolled .secondary-navigation-overlay {
            z-index: -11;
            top: 0
        }

    .secondary-navigation-mobile .navigation-back-button-container {
        position: absolute;
        z-index: 1;
        transition: all .5s ease
    }

        .secondary-navigation-mobile .navigation-back-button-container.expanded {
            width: 100%
        }

    .secondary-navigation-mobile .secondary-navigation-mobile-wrapper.scrolled {
        margin-left: 3.21429rem;
        transition: all .5s ease;
        position: relative;
        z-index: 2
    }

    .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.07143rem;
        height: 3.21429rem;
        z-index: 10;
        position: relative
    }

        .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .vehicle-name {
            text-transform: uppercase
        }

            .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .vehicle-name:before {
                margin-right: .35714rem
            }

        .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .menu-title {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative
        }

            .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .menu-title .icon {
                position: absolute;
                top: .35714rem
            }

            .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .menu-title > span {
                margin-left: 1.78571rem
            }

            .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .menu-title .current-section-title {
                text-transform: uppercase;
                font-weight: 700
            }

            .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .menu-title .vehicle-name {
                font-size: .64286rem
            }

        .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .gcss-icon-chevron-down,
        .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .gcss-icon-chevron-up {
            font-size: .5rem;
            float: right
        }

        .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-navigation-mobile-header .partialWidth .zipCode {
            padding-bottom: 1.07143rem
        }

    .secondary-navigation-mobile .secondary-navigation-mobile-wrapper .secondary-menu-list {
        position: relative;
        z-index: 10
    }

.dropdown-open {
    overflow: hidden
}

    .dropdown-open .secondary-navigation-mobile .secondary-navigation-overlay {
        display: block;
        top: 0
    }

.header-wrapper.scrolled .header {
    height: 0
}

    .header-wrapper.scrolled .header .logo {
        position: fixed;
        z-index: 30;
        padding: 1.07143rem;
        height: 3.57143rem;
        top: 0;
        width: 6.78571rem;
        transition: width .5s ease
    }

    .header-wrapper.scrolled .header .fiatusa__nav {
        height: 2.85714rem
    }

    .header-wrapper.scrolled .header .jeep__nav {
        height: 1.78571rem
    }

    .header-wrapper.scrolled .header .ramtrucks__nav {
        height: 2.14286rem
    }

    .header-wrapper.scrolled .header .chrysler__nav {
        height: 1.07143rem
    }

    .header-wrapper.scrolled .header .dodge__nav {
        height: .85714rem
    }

    .header-wrapper.scrolled .header .main-nav-rightlinks {
        position: fixed;
        z-index: 30;
        height: 3.57143rem;
        top: 0;
        transition: top .3s
    }

    .header-wrapper.scrolled .header .main-nav-links {
        opacity: 0
    }

        .header-wrapper.scrolled .header .main-nav-links.main-nav-rightlinks {
            opacity: 1
        }

    .header-wrapper.scrolled .header .main-nav-pinnedlinks .partialWidthNav.isOpen {
        top: 3.57143rem;
        max-width: 100%
    }

.header-wrapper.scrolled.desktop-header .dodge__nav .logo {
    margin-left: 1.07143rem;
    padding: 0;
    width: 9.28571rem
}

.header-wrapper .logo {
    width: 8.57143rem
}

@media screen and (max-width: 509px) {
    .secondary-navigation-mobile .zipCode .result .toggle,
    .secondary-navigation-mobile .zipCode .result .zip {
        width: 50%
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-mobile .zipCode {
        padding-bottom: 1.07143rem
    }
}

@media screen and (max-width: 699px) {
    .secondary-navigation-mobile .partialWidth .dealerInventory .gcss-button,
    .secondary-navigation-mobile .partialWidth .dealerInventory .gcss-button-secondary {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 700px) {
    .gcss-theme-light.tertiary-menu {
        background-color: #fff
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-light.tertiary-menu {
        background-color: #fff
    }
}

.gcss-theme-light .tertiary-navigation-background {
    background-color: #fff
}

.gcss-theme-light.secondary-navigation-desktop {
    background-color: #e7e7e7
}

    .gcss-theme-light.secondary-navigation-desktop a.show-previous-model {
        color: #636363;
        cursor: pointer
    }

.gcss-theme-light.secondary-navigation-mobile,
.gcss-theme-light.secondary-navigation-mobile .previous-model {
    background-color: #fff
}

    .gcss-theme-light.secondary-navigation-mobile .previous-model a {
        color: #700000
    }

    .gcss-theme-light.secondary-navigation-mobile .highlighted-menu-items {
        background-color: #fff
    }

.gcss-theme-light .secondary-navigation-mobile-header {
    background-color: #e7e7e7
}

.gcss-theme-light .secondary-navigation-desktop .gcss-icon-chevron-down,
.gcss-theme-light .secondary-navigation-desktop .gcss-icon-chevron-up,
.gcss-theme-light .secondary-navigation-mobile .gcss-icon-chevron-down,
.gcss-theme-light .secondary-navigation-mobile .gcss-icon-chevron-up {
    color: #636363
}

.gcss-theme-light .secondary-navigation-desktop .current-section-title,
.gcss-theme-light .secondary-navigation-desktop .vehicle-name,
.gcss-theme-light .secondary-navigation-mobile .current-section-title,
.gcss-theme-light .secondary-navigation-mobile .vehicle-name {
    color: #000
}

@media screen and (min-width: 700px) {
    .gcss-theme-dark.tertiary-menu {
        background-color: #3e3e3e
    }
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark.tertiary-menu {
        background-color: #fff
    }
}

.gcss-theme-dark .tertiary-navigation-background {
    background-color: #000
}

.gcss-theme-dark.secondary-navigation-desktop {
    background-color: #212121
}

    .gcss-theme-dark.secondary-navigation-desktop a.show-previous-model {
        color: #7c7c7c;
        cursor: pointer
    }

.gcss-theme-dark.secondary-navigation-mobile,
.gcss-theme-dark.secondary-navigation-mobile .previous-model {
    background-color: #000
}

    .gcss-theme-dark.secondary-navigation-mobile .previous-model a {
        color: #ba3b00
    }

    .gcss-theme-dark.secondary-navigation-mobile .highlighted-menu-items {
        background-color: #000
    }

.gcss-theme-dark .secondary-navigation-mobile-header {
    background-color: #212121
}

.gcss-theme-dark .secondary-navigation-desktop .gcss-icon-chevron-down,
.gcss-theme-dark .secondary-navigation-desktop .gcss-icon-chevron-up,
.gcss-theme-dark .secondary-navigation-mobile .gcss-icon-chevron-down,
.gcss-theme-dark .secondary-navigation-mobile .gcss-icon-chevron-up {
    color: #bfbfbf
}

.gcss-theme-dark .secondary-navigation-desktop .current-section-title,
.gcss-theme-dark .secondary-navigation-desktop .vehicle-name,
.gcss-theme-dark .secondary-navigation-mobile .current-section-title,
.gcss-theme-dark .secondary-navigation-mobile .vehicle-name {
    color: #fff
}

.back-to-top-wrapper {
    opacity: 0;
    position: fixed;
    right: 0;
    bottom: 10.71429rem;
    z-index: 100;
    transition: all 1s;
    height: 11.42857rem;
    width: 5.71429rem;
    border-top-left-radius: .28571rem;
    border-bottom-left-radius: .28571rem
}

    .back-to-top-wrapper .link-text {
        margin-bottom: 0
    }

    .back-to-top-wrapper.hide-button {
        opacity: 0;
        right: -100%
    }

    .back-to-top-wrapper.show-button {
        opacity: 1;
        right: 0
    }

@media print {
    .back-to-top-wrapper {
        display: none
    }
}

@media screen and (max-width: 1004px) {
    .back-to-top-wrapper {
        bottom: 7.14286rem
    }
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper {
        height: 4.5rem;
        width: 4.85714rem
    }
}

.back-to-top-wrapper .print-container {
    padding-bottom: 1.07143rem;
    display: block;
    cursor: pointer;
    text-decoration: none
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper .print-container {
        display: none
    }
}

.back-to-top-wrapper .print-container .print-icon {
    padding-top: 1.42857rem;
    width: 1.21429rem;
    font-size: 1.21429rem;
    margin: auto
}

.back-to-top-wrapper .print-container .print-text {
    padding-top: .35714rem;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900;
    margin: auto;
    width: 50%
}

.back-to-top-wrapper .border {
    border-bottom: .07143rem solid;
    width: 3.57143rem;
    margin: auto
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper .border {
        display: none
    }
}

.back-to-top-wrapper .back-icon-container {
    padding-top: 1.07143rem;
    cursor: pointer;
    text-decoration: none;
    display: block
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper .back-icon-container {
        padding-top: 0
    }
}

.back-to-top-wrapper .back-icon-container .back-icon {
    width: 1.21429rem;
    font-size: 1.21429rem;
    margin: auto
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper .back-icon-container .back-icon {
        font-size: 1.07143rem;
        width: 1.07143rem;
        margin: auto;
        padding-top: .71429rem
    }
}

.back-to-top-wrapper .back-icon-container .back-text {
    padding-top: .35714rem;
    padding-bottom: 1.42857rem;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    width: 70%;
    margin: auto
}

@media screen and (max-width: 699px) {
    .back-to-top-wrapper .back-icon-container .back-text {
        padding-bottom: .71429rem;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.back-to-top-wrapper.gcss-theme-light {
    background-color: hsla(0, 0%, 91%, .7)
}

    .back-to-top-wrapper.gcss-theme-light .print-container .print-icon {
        color: #700000
    }

    .back-to-top-wrapper.gcss-theme-light .print-container .print-text {
        color: #000
    }

    .back-to-top-wrapper.gcss-theme-light .border {
        color: #bfbfbf
    }

    .back-to-top-wrapper.gcss-theme-light .back-icon-container .back-icon {
        color: #700000
    }

    .back-to-top-wrapper.gcss-theme-light .back-icon-container .back-text {
        color: #000
    }

.back-to-top-wrapper.gcss-theme-dark {
    background-color: rgba(33, 33, 33, .7)
}

    .back-to-top-wrapper.gcss-theme-dark .print-container .print-icon {
        color: #ba3b00
    }

    .back-to-top-wrapper.gcss-theme-dark .print-container .print-text {
        color: #fff
    }

    .back-to-top-wrapper.gcss-theme-dark .border {
        color: #bfbfbf
    }

    .back-to-top-wrapper.gcss-theme-dark .back-icon-container .back-icon {
        color: #ba3b00
    }

    .back-to-top-wrapper.gcss-theme-dark .back-icon-container .back-text {
        color: #fff
    }

.sectionheader + .blurb-rail .blurb-rail-container {
    padding: 1.42857rem 0 0
}

    .sectionheader + .blurb-rail .blurb-rail-container.wrap-layout {
        padding: 1.42857rem 0 4.28571rem
    }

.blurb-rail-container {
    padding: 1.42857rem 0 0
}

    .blurb-rail-container.wrap-layout {
        padding: 2.14286rem 0 2.85714rem
    }

    .blurb-rail-container .item-matrix {
        padding-left: 2.1%;
        padding-right: 2.1%
    }

        .blurb-rail-container .item-matrix .col-item {
            margin: 1.42857rem 0
        }

@media screen and (max-width: 1004px) {
    .blurb-rail-container .item-matrix .blurb-container .display-media-container {
        -ms-touch-action: initial !important;
        touch-action: auto !important;
        -webkit-user-drag: element !important
    }
}

.blurb-rail-container .item-matrix .layout-scroll.has-arrows {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 699px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 1005px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        overflow-x: hidden;
        padding: 1.28571rem .35714rem
    }
}

@media screen and (max-width: 1004px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        padding: 1rem 1.28571rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        padding: 1.85714rem 1.14286rem
    }
}

@media screen and (max-width: 509px) {
    .blurb-rail-container .item-matrix .layout-scroll.has-arrows {
        padding: 1.42857rem 1.07143rem
    }
}

.blurb-rail-container .item-matrix .layout-scroll > div {
    padding-bottom: 1.42857rem
}

@media screen and (max-width: 1004px) {
    .blurb-rail-container .layout-scroll.align-center {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .blurb-rail-container .layout-scroll.align-center .sdp-col:first-of-type {
            margin-left: auto
        }

        .blurb-rail-container .layout-scroll.align-center .sdp-col:last-of-type {
            margin-right: auto
        }
}

.blurb-rail-container.highlight-rail .layout-grid,
.blurb-rail-container.keystat-rail .layout-grid {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1005px) {
    .blurb-rail-container.highlight-rail .layout-grid .sdp-col,
    .blurb-rail-container.keystat-rail .layout-grid .sdp-col {
        width: 21.07143rem;
        margin: 0 2.14286rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .blurb-rail-container.highlight-rail .layout-grid .sdp-col,
    .blurb-rail-container.keystat-rail .layout-grid .sdp-col {
        width: 14.28571rem;
        margin: 0 1.28571rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .blurb-rail-container.highlight-rail .layout-grid .sdp-col,
    .blurb-rail-container.keystat-rail .layout-grid .sdp-col {
        width: 13.78571rem;
        margin: 0 1.14286rem
    }
}

.blurb-rail-container.highlight-rail .highlightTitle > span,
.blurb-rail-container.keystat-rail .highlightTitle > span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

    .blurb-rail-container.highlight-rail .highlightTitle > span > span,
    .blurb-rail-container.keystat-rail .highlightTitle > span > span {
        top: .21429rem;
        position: relative;
        right: -.21429rem
    }

.blurb-rail-container.capability-rail .layout-grid,
.blurb-rail-container.feature-rail .layout-grid {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blurb-rail-container .key-stat-wrapper .icon-value-container .align-left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1005px) and (max-width: 1052px) {
    .blurb-rail-container.custom-scroll-layout .text-blurb .text-blurb-container .largeLabel,
    .blurb-rail-container.custom-scroll-layout .text-blurb .text-blurb-container .units,
    .blurb-rail-container.custom-scroll-layout .text-blurb .text-blurb-container .value {
        font-size: 2.21429rem
    }
}

.gcss-theme-light.blurb-rail-container {
    background-color: #fff
}

    .gcss-theme-light.blurb-rail-container .arrow-container.arrow-hover a:hover span.icon:before {
        color: #5d0000
    }

.gcss-theme-dark.blurb-rail-container {
    background-color: #3e3e3e
}

    .gcss-theme-dark.blurb-rail-container .arrow-container.arrow-hover a:hover span.icon:before {
        color: #ab3600
    }

@media screen and (min-width: 1005px) {
    .ucl-modal-window .capability-graph {
        min-width: 71.42857rem
    }
}

.capability-graph {
    padding-bottom: 3.57143rem
}

    .capability-graph > .sdp-row {
        padding-top: 2rem
    }

@media screen and (max-width: 699px) {
    .capability-graph > .sdp-row {
        padding-top: 1.42857rem
    }

        .capability-graph > .sdp-row:first-of-type {
            padding-top: 0
        }
}

.capability-graph .sdp-row.copy-row {
    padding-top: 0
}

.capability-graph .sdp-row:first-of-type {
    margin-top: 0;
    padding-top: 0
}

@media screen and (min-width: 700px) {
    .capability-graph .sdp-row .capability-widget-wrapper .sdp-col .sdp-grid .guiderow + .sdp-row {
        padding-top: 1.42857rem
    }
}

@media screen and (max-width: 699px) {
    .capability-graph .sdp-row .capability-widget-wrapper .sdp-col .sdp-grid .guiderow + .sdp-row {
        padding-top: 1rem
    }
}

.gcss-theme-light.capability-graph {
    background-color: #fff
}

.gcss-theme-dark.capability-graph {
    background-color: #000
}

.vehicle-navigation {
    padding: 1.07143rem 0;
    border-bottom: .07143rem solid;
    border-color: #bfbfbf
}

    .vehicle-navigation .slider-container {
        width: 100%
    }

        .vehicle-navigation .slider-container .slide-wrapper {
            width: 100%;
            padding: 0 10%;
            position: relative;
            overflow: hidden
        }

            .vehicle-navigation .slider-container .slide-wrapper .arrow-right {
                position: absolute;
                top: 34%;
                right: -.57143rem
            }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-navigation .slider-container .slide-wrapper .arrow-right {
        top: 40%;
        right: .71429rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .vehicle-navigation .slider-container .slide-wrapper .arrow-right {
        right: -.35714rem
    }
}

.vehicle-navigation .slider-container .slide-wrapper .arrow-left {
    position: absolute;
    top: 34%;
    left: -1.28571rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-navigation .slider-container .slide-wrapper .arrow-left {
        top: 40%;
        left: .71429rem
    }
}

.vehicle-navigation .slider-container .slide-wrapper .slides {
    width: 100%;
    overflow: hidden;
    min-height: 10.71429rem;
    height: 100%;
    position: relative
}

    .vehicle-navigation .slider-container .slide-wrapper .slides .slide {
        width: 100%;
        position: absolute;
        min-height: 10.71429rem;
        height: 100%;
        display: none
    }

        .vehicle-navigation .slider-container .slide-wrapper .slides .slide.active {
            display: block
        }

        .vehicle-navigation .slider-container .slide-wrapper .slides .slide .horizontal-vehicle-card {
            height: 100%
        }

.vehicle-navigation .slider-container .slide-wrapper .slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

.vehicle-navigation .slider-container .slide-wrapper .slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

.vehicle-navigation .slider-container .slide-wrapper .prevslideLeft {
    animation-name: slidePrevLeft;
    -webkit-animation-name: slidePrevLeft;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

.vehicle-navigation .slider-container .slide-wrapper .prevslideRight {
    animation-name: prevslideRight;
    -webkit-animation-name: prevslideRight;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important
}

.vehicle-navigation .slider-container .slide-wrapper .arrow-container {
    height: 3.71429rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-navigation .slider-container .slide-wrapper .arrow-container {
        height: 2.5rem;
        width: auto
    }
}

@keyframes slidePrevLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slidePrevLeft {
    0% {
        -webkit-transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes slideLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes prevslideRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes prevslideRight {
    0% {
        -webkit-transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%)
    }
}

@keyframes slideRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

.vehicle-navigation.gcss-theme-light {
    background-color: #fff
}

.vehicle-navigation.gcss-theme-dark {
    background-color: #3e3e3e
}

.sticky .vehicle-section a:first-of-type {
    display: none
}

.sticky .vehicle-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.competitive-compare-container {
    position: relative
}

    .competitive-compare-container .order-swap {
        display: block
    }

    .competitive-compare-container .sticky {
        z-index: 5
    }

        .competitive-compare-container .sticky .accessory-bar {
            display: none
        }

    .competitive-compare-container .hero-wrapper {
        opacity: 1;
        transition: opacity .1s ease-in-out
    }

        .competitive-compare-container .hero-wrapper.fade {
            opacity: .5
        }

    .competitive-compare-container .content-body-wrapper .sdp-col {
        padding: 0
    }

    .competitive-compare-container .accessory-bar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 4.64286rem;
        padding-left: 5rem;
        padding-right: 5rem
    }

@media screen and (max-width: 1004px) {
    .competitive-compare-container .accessory-bar {
        padding-left: 2.85714rem;
        padding-right: 2.85714rem
    }
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .accessory-bar {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 3.57143rem;
        padding-left: 0;
        padding-right: 0
    }
}

.competitive-compare-container .accessory-bar .advantage-legend {
    text-transform: uppercase
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .accessory-bar .gcss-button-tertiary {
        display: none
    }
}

.competitive-compare-container .accessory-bar .gcss-icon-standard {
    font-size: .92857rem;
    margin-right: .5rem
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .accessory-bar .gcss-icon-standard {
        font-size: .78571rem;
        margin-right: .35714rem
    }
}

.competitive-compare-container .advantage-highlight,
.competitive-compare-container .advantage-label {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .advantage-highlight,
    .competitive-compare-container .advantage-label {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }
}

.competitive-compare-container .compare-body {
    position: relative;
    z-index: 4;
    padding-left: 5rem;
    padding-right: 5rem
}

@media screen and (max-width: 1004px) {
    .competitive-compare-container .compare-body {
        padding-left: 2.85714rem;
        padding-right: 2.85714rem
    }
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .compare-body {
        padding-left: 0;
        padding-right: 0
    }
}

.competitive-compare-container .compare-body .spinner-wrapper {
    z-index: 6;
    background: #e7e7e7;
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity .1s ease-in
}

    .competitive-compare-container .compare-body .spinner-wrapper.show {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        opacity: .8
    }

    .competitive-compare-container .compare-body .spinner-wrapper .spinner {
        position: fixed;
        top: 50vh
    }

        .competitive-compare-container .compare-body .spinner-wrapper .spinner > div {
            display: inline-block;
            width: .85714rem;
            height: .85714rem;
            border-radius: .85714rem;
            border: .07143rem solid hsla(0, 0%, 100%, .2);
            background-color: #636363;
            -webkit-animation: dotloader ease-in 2s infinite;
            animation: dotloader ease-in 2s infinite
        }

            .competitive-compare-container .compare-body .spinner-wrapper .spinner > div + div {
                margin-left: .71429rem;
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

                .competitive-compare-container .compare-body .spinner-wrapper .spinner > div + div + div {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

.competitive-compare-container .disclosure-wrapper,
.competitive-compare-container .highlights-wrapper,
.competitive-compare-container .specifications-wrapper {
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto
}

.competitive-compare-container .disclosure-wrapper {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1.42857rem;
    height: 2.14286rem;
    color: #fff;
    background-color: #000
}

.competitive-compare-container .mobile-sticky-buttons {
    display: none
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .mobile-sticky-buttons {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 4
    }
}

.competitive-compare-container .expando.expando-style-solidblock .expando-heading {
    background-color: #000;
    height: auto
}

    .competitive-compare-container .expando.expando-style-solidblock .expando-heading a:not(.bubble) {
        padding: .5rem 0
    }

.competitive-compare-container .expando.expando-style-solidblock .expando-heading-row {
    margin-left: 0
}

.competitive-compare-container .expando.expando-style-solidblock .expando-heading-chevron {
    font-size: 1.42857rem
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .expando.expando-style-solidblock .expando-heading-chevron {
        font-size: 1rem
    }
}

.competitive-compare-container .expando.expando-style-solidblock .expando-heading-title {
    font-size: 1.42857rem
}

@media screen and (max-width: 699px) {
    .competitive-compare-container .expando.expando-style-solidblock .expando-heading-title {
        font-size: 1rem
    }
}

.competitive-compare-container.gcss-theme-light .accessory-bar {
    background-color: #e7e7e7
}

    .competitive-compare-container.gcss-theme-light .accessory-bar .advantage-highlight,
    .competitive-compare-container.gcss-theme-light .accessory-bar .advantage-highlight:before,
    .competitive-compare-container.gcss-theme-light .accessory-bar .gcss-button-tertiary,
    .competitive-compare-container.gcss-theme-light .accessory-bar .gcss-button-tertiary:before,
    .competitive-compare-container.gcss-theme-light .accessory-bar .gcss-icon-standard,
    .competitive-compare-container.gcss-theme-light .accessory-bar .gcss-icon-standard:before {
        color: #700000
    }

    .competitive-compare-container.gcss-theme-light .accessory-bar .advantage-label {
        color: #000
    }

.competitive-compare-container.gcss-theme-light .compare-body {
    background-color: #3e3e3e
}

.competitive-compare-container.gcss-theme-dark .accessory-bar {
    background-color: #e7e7e7
}

    .competitive-compare-container.gcss-theme-dark .accessory-bar .advantage-highlight,
    .competitive-compare-container.gcss-theme-dark .accessory-bar .advantage-highlight:before,
    .competitive-compare-container.gcss-theme-dark .accessory-bar .gcss-button-tertiary,
    .competitive-compare-container.gcss-theme-dark .accessory-bar .gcss-button-tertiary:before,
    .competitive-compare-container.gcss-theme-dark .accessory-bar .gcss-icon-standard,
    .competitive-compare-container.gcss-theme-dark .accessory-bar .gcss-icon-standard:before {
        color: #700000
    }

    .competitive-compare-container.gcss-theme-dark .accessory-bar .advantage-label {
        color: #000
    }

.competitive-compare-container.gcss-theme-dark .compare-body {
    background-color: #3e3e3e
}

@media print {
    .competitive-compare-printmode .carousel-container,
    .competitive-compare-printmode div[data-component=Footer],
    .competitive-compare-printmode div[data-component=ImageDescription],
    .competitive-compare-printmode div[data-component=MainNavigation],
    .competitive-compare-printmode div[data-component=SectionHeader] {
        display: none
    }

    .competitive-compare-container {
        -webkit-print-color-adjust: exact
    }

        .competitive-compare-container .anchor-navigation,
        .competitive-compare-container .bubble,
        .competitive-compare-container .expando-heading-chevron,
        .competitive-compare-container a[role=button] {
            display: none
        }

        .competitive-compare-container .expando-content {
            display: block
        }

        .competitive-compare-container .vehicle-navigation .arrow-container,
        .competitive-compare-container .vehicle-navigation .meatBall-dots {
            display: none
        }

        .competitive-compare-container .compare-body {
            padding: 0
        }

        .competitive-compare-container .comparison-container,
        .competitive-compare-container .full-width {
            page-break-inside: avoid
        }

        .competitive-compare-container .highlights-wrapper .comparison-container {
            -webkit-transform: scale(.8);
            transform: scale(.8)
        }

        .competitive-compare-container .sticky {
            position: relative !important
        }
}

.configurator {
    max-width: 103.57143rem;
    margin: 0 auto
}

    .configurator .visual-container {
        position: relative;
        min-height: 7.14286rem
    }

        .configurator .visual-container .toggle-container {
            position: relative;
            text-align: center;
            z-index: 1
        }

@media screen and (min-width: 700px) {
    .configurator .visual-container .toggle-container {
        text-align: right
    }

        .configurator .visual-container .toggle-container .toggle-wrapper {
            padding-top: .35714rem;
            padding-bottom: 0
        }
}

.configurator .visual-container .configurator-media-feature .carousel-container .meatBall-dots {
    margin-top: -2.85714rem
}

@media screen and (max-width: 1004px) {
    .configurator .visual-container .configurator-media-feature .carousel-container .meatBall-dots.inside-image {
        bottom: auto
    }
}

.configurator .visual-container .configurator-media-vehicle .meatBall-dots {
    margin-top: -2.85714rem
}

@media screen and (min-width: 700px) {
    .configurator .configurator-media-feature .toggle-container .toggle-wrapper {
        padding-top: 0;
        padding-bottom: .71429rem
    }
}

.configurator .feature-selector.single-tab .tab-list {
    display: none
}

.configurator .feature-box-title {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 2.5rem .35714rem 1.07143rem;
    max-width: 42.85714rem
}

.configurator .feature-box-description {
    line-height: 1.42857rem;
    margin: 0 .35714rem 1.78571rem;
    max-width: 42.85714rem
}

.configurator .feature-details {
    padding: 0 .35714rem .07143rem
}

    .configurator .feature-details.feature-alignment-center {
        text-align: center
    }

        .configurator .feature-details.feature-alignment-center .feature-box-description,
        .configurator .feature-details.feature-alignment-center .feature-box-title {
            margin-left: auto;
            margin-right: auto
        }

    .configurator .feature-details a {
        margin: 0 .35714rem 1.07143rem
    }

.configurator.gcss-theme-light {
    background-color: #fff;
    color: #000
}

    .configurator.gcss-theme-light .feature-box-description {
        color: #636363
    }

.configurator.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

    .configurator.gcss-theme-dark .feature-box-description {
        color: #bfbfbf
    }

.three60-media {
    position: relative;
    width: 100%;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: col-resize;
    padding-bottom: 41.38%;
    box-sizing: border-box
}

.ucl-modal-window .three60-media {
    width: 137.14286rem;
    max-width: 100%
}

.three60-media .loader-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: .35714rem;
    text-transform: uppercase
}

@media screen and (max-width: 699px) {
    .three60-media .loader-container {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.three60-media .loader-container .loader {
    font-size: .78571rem;
    margin: 0 auto;
    position: relative;
    top: 3.92857rem;
    width: 10rem;
    height: 10rem;
    box-shadow: inset 0 0 0 .5rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 50%
}

@media screen and (max-width: 509px) {
    .three60-media .loader-container .loader {
        top: auto
    }
}

.three60-media .loader-container .loader:after,
.three60-media .loader-container .loader:before {
    position: absolute;
    content: "";
    border-radius: 50%
}

.three60-media .loader-container .loader:before {
    width: 5.14286rem;
    height: 10.14286rem;
    border-radius: 10.14286rem 0 0 10.14286rem;
    top: -.07143rem;
    left: -.07143rem;
    -webkit-transform-origin: 5.07143rem 5.07143rem;
    transform-origin: 5.07143rem 5.07143rem;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s
}

.three60-media .loader-container .loader:after {
    width: 5.14286rem;
    height: 10.14286rem;
    border-radius: 0 10.14286rem 10.14286rem 0;
    top: -.07143rem;
    left: 5.07143rem;
    -webkit-transform-origin: 0 5.07143rem;
    transform-origin: 0 5.07143rem;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease
}

.three60-media .loader-container .loader span {
    display: block;
    font-size: 1.07143rem;
    font-weight: 700;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 9;
    text-align: center;
    text-transform: uppercase
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.three60-media .small-loader {
    position: absolute;
    display: block;
    top: 1.85714rem;
    right: 1.85714rem;
    width: 2.28571rem;
    height: 2.28571rem;
    z-index: 2;
    overflow: hidden;
    -webkit-animation: loader-rotate 2s infinite linear;
    animation: loader-rotate 2s infinite linear
}

@media screen and (max-width: 509px) {
    .three60-media .small-loader {
        width: 1.42857rem;
        height: 1.42857rem;
        top: 1rem;
        right: 1rem
    }

        .three60-media .small-loader .loader-clip .loader-circle {
            border-width: .14286rem
        }
}

@-webkit-keyframes loader-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@keyframes spinner-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn)
    }
}

@-webkit-keyframes left-rotate {
    0%, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@keyframes left-rotate {
    0%, to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes right-rotate {
    0%, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes right-rotate {
    0%, to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

.three60-media .loader-spinner {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-animation: spinner-rotate 8s infinite cubic-bezier(.4, 0, .2, 1);
    animation: spinner-rotate 8s infinite cubic-bezier(.4, 0, .2, 1);
    opacity: 1
}

    .three60-media .loader-spinner .loader-circle {
        border-radius: 50%
    }

.three60-media .loader-clip {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 100%;
    border-color: inherit;
    overflow: hidden
}

    .three60-media .loader-clip .loader-circle {
        position: absolute;
        top: .07143rem;
        width: 2.21429rem;
        height: 2.21429rem;
        border-bottom-color: transparent !important;
        border-radius: 50%;
        border-style: solid;
        border-width: .21429rem
    }

@media screen and (max-width: 509px) {
    .three60-media .loader-clip .loader-circle {
        width: 1.35714rem;
        height: 1.35714rem
    }
}

.three60-media .loader-clip.loader-clip-left .loader-circle {
    left: .07143rem;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
    border-right-color: transparent !important;
    -webkit-animation: left-rotate 2s infinite cubic-bezier(.4, 0, .2, 1);
    animation: left-rotate 2s infinite cubic-bezier(.4, 0, .2, 1)
}

.three60-media .loader-clip.loader-clip-right .loader-circle {
    left: -100%;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
    border-left-color: transparent !important;
    -webkit-animation: right-rotate 2s infinite cubic-bezier(.4, 0, .2, 1);
    animation: right-rotate 2s infinite cubic-bezier(.4, 0, .2, 1)
}

.three60-media .loader-gap {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden
}

    .three60-media .loader-gap .loader-circle {
        left: -450%;
        width: 1000%
    }

.three60-media .prompt {
    font-weight: 700;
    top: .71429rem;
    z-index: 2;
    width: 100%;
    text-align: center;
    position: absolute
}

    .three60-media .prompt .prompt-content {
        display: inline-block;
        margin: 0 auto;
        background: hsla(0, 0%, 100%, .8);
        color: #000;
        padding: .28571rem .5rem .35714rem
    }

        .three60-media .prompt .prompt-content span:before {
            position: relative;
            top: .07143rem
        }

.three60-media picture {
    position: absolute;
    top: 0;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.three60-media .disclaimer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

    .three60-media .disclaimer-container .image-disclosure {
        padding: .35714rem;
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }

@media screen and (min-width: 700px) {
    .three60-media .disclaimer-container .image-disclosure {
        margin: .71429rem 1.42857rem
    }
}

.three60-media.gcss-theme-light {
    background-color: #fff
}

    .three60-media.gcss-theme-light .prompt {
        color: #636363
    }

    .three60-media.gcss-theme-light .loader-container .loader {
        color: #bfbfbf
    }

        .three60-media.gcss-theme-light .loader-container .loader:after,
        .three60-media.gcss-theme-light .loader-container .loader:before {
            background: #fff
        }

        .three60-media.gcss-theme-light .loader-container .loader span {
            color: #000
        }

    .three60-media.gcss-theme-light .loader-spinner,
    .three60-media.gcss-theme-light .loader-spinner .loader-circle {
        border-color: #636363
    }

.three60-media.gcss-theme-dark {
    background-color: #000
}

    .three60-media.gcss-theme-dark .loader-container .loader,
    .three60-media.gcss-theme-dark .prompt {
        color: #bfbfbf
    }

        .three60-media.gcss-theme-dark .loader-container .loader:after,
        .three60-media.gcss-theme-dark .loader-container .loader:before {
            background: #000
        }

        .three60-media.gcss-theme-dark .loader-container .loader span {
            color: #fff
        }

    .three60-media.gcss-theme-dark .loader-spinner,
    .three60-media.gcss-theme-dark .loader-spinner .loader-circle {
        border-color: #bfbfbf
    }

.interior-panorama {
    position: relative;
    overflow: hidden
}

    .interior-panorama .image-loader-container {
        position: absolute;
        top: 50%;
        left: 50%;
        height: .71429rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 2
    }

        .interior-panorama .image-loader-container > div {
            display: inline-block;
            width: .85714rem;
            height: .85714rem;
            border-radius: .85714rem;
            border: .07143rem solid hsla(0, 0%, 100%, .2);
            background-color: #636363;
            -webkit-animation: dotloader ease-in 2s infinite;
            animation: dotloader ease-in 2s infinite
        }

            .interior-panorama .image-loader-container > div + div {
                margin-left: .71429rem;
                -webkit-animation-delay: .2s;
                animation-delay: .2s
            }

                .interior-panorama .image-loader-container > div + div + div {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

@-webkit-keyframes dotloader {
    0%, 20% {
        opacity: 0
    }

    30%, 70% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }
}

@keyframes dotloader {
    0%, 20% {
        opacity: 0
    }

    30%, 70% {
        opacity: 1
    }

    80%, to {
        opacity: 0
    }
}

.interior-panorama .pano-image-container {
    cursor: move;
    height: 42.85714rem
}

@media screen and (max-width: 509px) {
    .interior-panorama .pano-image-container {
        height: 22.85714rem
    }
}

.interior-panorama .pano-image-container:active {
    cursor: move
}

.interior-panorama .pano-callout {
    position: absolute;
    z-index: 1;
    top: 8%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: .42857rem 1.14286rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}

    .interior-panorama .pano-callout .icon {
        font-size: 1.14286rem
    }

    .interior-panorama .pano-callout div {
        margin-left: .71429rem;
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 700
    }

.interior-panorama .pano-controls {
    position: absolute;
    z-index: 1;
    bottom: .71429rem;
    right: .71429rem
}

.has-toggle .interior-panorama .pano-controls {
    bottom: 5rem
}

@media screen and (max-width: 699px) {
    .interior-panorama .pano-controls {
        display: none
    }
}

@media screen and (min-width: 1005px) {
    .interior-panorama .pano-controls {
        bottom: 2.85714rem;
        right: 2.85714rem
    }

    .has-toggle .interior-panorama .pano-controls {
        bottom: 5rem
    }
}

.interior-panorama .pano-controls a {
    display: block;
    padding: .71429rem;
    margin-top: .21429rem;
    text-decoration: none
}

@media screen and (max-width: 1004px) {
    .interior-panorama .pano-controls a {
        margin-top: .71429rem
    }
}

.interior-panorama .disclaimer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

    .interior-panorama .disclaimer-container .image-disclosure {
        padding: .35714rem;
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }

@media screen and (min-width: 700px) {
    .interior-panorama .disclaimer-container .image-disclosure {
        margin: .71429rem 1.42857rem
    }
}

.interior-panorama.gcss-theme-light {
    background-color: #fff
}

    .interior-panorama.gcss-theme-light .pano-callout {
        color: #636363;
        background-color: hsla(0, 0%, 100%, .5)
    }

    .interior-panorama.gcss-theme-light .pano-controls a {
        color: #000;
        background-color: #fff
    }

.interior-panorama.gcss-theme-dark {
    background-color: #000
}

    .interior-panorama.gcss-theme-dark .pano-callout {
        color: #bfbfbf;
        background-color: rgba(0, 0, 0, .5)
    }

    .interior-panorama.gcss-theme-dark .pano-controls a {
        color: #fff;
        background-color: #000
    }

.pinned-container .feature-details {
    padding: 0 0 2.85714rem
}

.feature-details.gcss-theme-light {
    background-color: #fff
}

.feature-details.gcss-theme-dark {
    background-color: #000
}

.selector {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin: 0 .07143rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

    .selector:before {
        content: "";
        position: absolute;
        left: 0;
        z-index: 5;
        transition: margin .3s ease
    }

    .selector.layout-vertical {
        height: auto;
        margin: .07143rem 0
    }

        .selector.layout-vertical:before {
            top: 0;
            bottom: 0;
            margin-left: -.42857rem;
            width: .28571rem
        }

    .selector.layout-horizontal {
        height: 100%
    }

        .selector.layout-horizontal:before {
            bottom: 0;
            right: 0;
            margin-bottom: -.42857rem;
            height: .28571rem
        }

    .selector.active .selector-title {
        font-weight: 700
    }

    .selector.has-image .selector-content {
        padding: 1.07143rem 1.07143rem 1.07143rem 0
    }

    .selector .selector-image {
        padding: 1.07143rem
    }

    .selector .selector-content {
        padding: 1.35714rem 1.07143rem 1.35714rem 1.57143rem
    }

    .selector .selector-title {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400
    }

        .selector .selector-title + .selector-description {
            margin-top: .21429rem
        }

    .selector .selector-description {
        font-family: Roboto;
        font-size: .71429rem;
        font-weight: 400
    }

.gcss-theme-light.selector {
    background-color: #e7e7e7;
    color: #000
}

@media screen and (min-width: 1005px) {
    .gcss-theme-light.selector:hover {
        background-color: #bfbfbf
    }
}

.gcss-theme-light.selector:active {
    background-color: #3a3a3a
}

.gcss-theme-light.selector.active {
    background-color: #e7e7e7
}

    .gcss-theme-light.selector.active:before {
        background-color: #700000;
        margin: 0
    }

.gcss-theme-dark.selector {
    background-color: #212121;
    color: #fff
}

@media screen and (min-width: 1005px) {
    .gcss-theme-dark.selector:hover {
        background-color: #bfbfbf
    }
}

.gcss-theme-dark.selector:active {
    background-color: #4d4d4d
}

.gcss-theme-dark.selector.active {
    background-color: #212121
}

    .gcss-theme-dark.selector.active:before {
        background-color: #ba3b00;
        margin: 0
    }

@media screen and (min-width: 510px) and (max-width: 699px) {
    .selector-group .layout-scroll {
        padding-right: 1.42857rem
    }
}

.selector-group.horizontal .arrow-container.arrow-hover a:hover {
    background: transparent !important
}

.selector-group.horizontal .layout-scroll.sdp-row.align-center {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 509px) {
    .selector-group.horizontal .layout-scroll.sdp-row.align-center {
        margin: 0
    }
}

.selector-group.horizontal .layout-scroll.sdp-row.align-center .sdp-col:first-of-type {
    margin-left: auto
}

.selector-group.horizontal .layout-scroll.sdp-row.align-center .sdp-col:last-of-type {
    margin-right: auto
}

@media screen and (max-width: 509px) {
    .selector-group.vertical .orientation-horizontal .layout-scroll.sdp-row.align-center {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .selector-group.vertical .layout-scroll.sdp-row.align-center .sdp-col:first-of-type {
        margin-left: auto
    }

    .selector-group.vertical .layout-scroll.sdp-row.align-center .sdp-col:last-of-type {
        margin-right: auto
    }
}

.feature-explorer {
    padding: 2.14286rem 0;
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 699px) {
    .feature-explorer {
        padding-bottom: 0
    }
}

@media screen and (min-width: 1005px) {
    .feature-explorer.feature-explorer-top.contains-arrows .image-description.align-right .sdp-col-first {
        padding-left: 6.85714rem
    }
}

.feature-explorer.feature-explorer-bottom .selector-group {
    margin-bottom: 0
}

@media screen and (min-width: 1005px) {
    .feature-explorer.feature-explorer-bottom .selector-group {
        margin-top: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .feature-explorer .tab-list {
        margin-bottom: .71429rem
    }
}

.feature-explorer .selector-group {
    padding-bottom: 1.42857rem
}

.feature-explorer .display-media-container .cropMedia {
    background-color: transparent;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.feature-explorer .feature-explorer-selectors .selector {
    padding-left: .71429rem;
    padding-right: .71429rem
}

    .feature-explorer .feature-explorer-selectors .selector .selector-image {
        padding: .35714rem
    }

@media screen and (min-width: 1005px) {
    .feature-explorer.feature-explorer-left .sdp-row.align-left {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.feature-explorer .image-description .description-block-wrapper {
    width: 100%
}

.feature-explorer.gcss-theme-light {
    background-color: #fff
}

.feature-explorer.gcss-theme-dark {
    background-color: #000
}

.feature-pillar-wrapper > .sdp-row {
    margin: 0
}

.feature-pillar-wrapper video {
    object-fit: cover
}

@media screen and (min-width: 1005px) {
    .feature-pillar-wrapper .active-video-wrapper div,
    .feature-pillar-wrapper .active-video-wrapper img,
    .feature-pillar-wrapper .active-video-wrapper picture {
        height: 100%;
        width: 100%
    }
}

.feature-pillar-wrapper .description-block-content .key-stat-wrapper .sdp-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 509px) {
    .feature-pillar-wrapper .description-block-content .key-stat-wrapper .disclosure {
        position: absolute;
        bottom: -.92857rem;
        left: 0
    }
}

.feature-pillar-wrapper .carousel-container {
    padding-bottom: 2.85714rem
}

.feature-pillar-wrapper .sdp-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%
}

    .feature-pillar-wrapper .sdp-col > div {
        width: 100%;
        height: 100%
    }

    .feature-pillar-wrapper .sdp-col .display-media-container {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        overflow: hidden
    }

@media screen and (min-width: 1005px) {
    .feature-pillar-wrapper .row-2 .sdp-col-second {
        min-height: 23.57143rem
    }

        .feature-pillar-wrapper .row-2 .sdp-col-second .display-media-container {
            position: absolute;
            top: 0
        }
}

.feature-pillar-wrapper .image-description {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

    .feature-pillar-wrapper .image-description .bullet-list {
        padding-left: 0
    }

    .feature-pillar-wrapper .image-description .sdp-col,
    .feature-pillar-wrapper .image-description .sdp-col.sdp-col-first .sdp-col > div {
        height: auto
    }

@media screen and (min-width: 1005px) {
    .feature-pillar-wrapper .image-description .sdp-col.sdp-col-first {
        padding-bottom: 3.78571rem;
        padding-top: 5.71429rem
    }
}

@media screen and (max-width: 1004px) {
    .feature-pillar-wrapper .image-description .sdp-col.sdp-col-first {
        width: 100% !important
    }

    .feature-pillar-wrapper .image-description .sdp-col.sdp-col-second {
        display: none !important
    }
}

@media screen and (max-width: 509px) {
    .feature-pillar-wrapper .image-description .sdp-col.sdp-col-first {
        padding-bottom: 0
    }
}

.feature-pillar-wrapper .height-short {
    overflow: hidden;
    height: 21.42857rem
}

.feature-pillar-wrapper .height-tall {
    overflow: hidden;
    height: 30.35714rem
}

.feature-pillar-wrapper .width-100 > .sdp-col {
    width: 100%
}

    .feature-pillar-wrapper .width-100 > .sdp-col > div {
        height: 100%;
        width: 100%
    }

.feature-pillar-wrapper .width-100 .display-media-container .cta-disclosure-bar .disclaimer-container {
    max-width: 40%
}

.feature-pillar-wrapper .width-100 .display-media-container .cta-disclosure-bar.has-cta {
    max-width: 100%
}

.feature-pillar-wrapper .width-50-50 > .sdp-col {
    width: 50%
}

.feature-pillar-wrapper .width-33-66 > .sdp-col:first-child {
    width: 33.33333%
}

.feature-pillar-wrapper .width-33-66 > .sdp-col:last-child,
.feature-pillar-wrapper .width-66-33 > .sdp-col:first-child {
    width: 66.66667%
}

.feature-pillar-wrapper .width-66-33 > .sdp-col:last-child {
    width: 33.33333%
}

.feature-pillar-wrapper.gcss-theme-light {
    background-color: #fff
}

.feature-pillar-wrapper.gcss-theme-dark {
    background-color: #3e3e3e
}

.gallery-wrapper {
    overflow: hidden;
    padding: 0 0 2.14286rem
}

    .gallery-wrapper .page-header {
        padding-left: 4.14286rem
    }

@media screen and (max-width: 699px) {
    .gallery-wrapper .page-header {
        display: none
    }
}

.gallery-wrapper .page-header .title {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 3.57143rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gallery-wrapper .page-header .title {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 1005px) {
    .gallery-wrapper .mediaExpandContainer .media-close-btn {
        top: 1.21429rem
    }
}

.gallery-wrapper .mediaExpandContainer .display-media-container .responsive-img {
    display: block;
    margin: auto;
    width: auto
}

    .gallery-wrapper .mediaExpandContainer .display-media-container .responsive-img img {
        height: auto;
        width: auto;
        margin: 0 auto
    }

.gallery-wrapper .filterable-list {
    margin: 1.42857rem 0 0
}

    .gallery-wrapper .filterable-list.thumb-disclosure-true .galleryThumbnailWrapper .cta-disclosure-bar {
        display: block
    }

    .gallery-wrapper .filterable-list.thumb-disclosure-false .galleryThumbnailWrapper .cta-disclosure-bar {
        display: none
    }

    .gallery-wrapper .filterable-list .media-container .galleryThumb {
        cursor: pointer
    }

        .gallery-wrapper .filterable-list .media-container .galleryThumb .description-wrapper,
        .gallery-wrapper .filterable-list .media-container .galleryThumb .image-disclosure {
            display: none
        }

        .gallery-wrapper .filterable-list .media-container .galleryThumb .disclosure-bubble-wrapper {
            position: relative;
            bottom: .21429rem;
            left: .21429rem
        }

        .gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .thumbnail-wrapper {
            width: 100%;
            margin: 0 auto
        }

            .gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .thumbnail-wrapper .video-vertical {
                padding-bottom: 0
            }

            .gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .thumbnail-wrapper .media a .play-overlay .icon {
                font-size: 4.5rem
            }

@media screen and (max-width: 1004px) {
    .gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .thumbnail-wrapper .media a .play-overlay .icon {
        font-size: 2.85714rem
    }
}

.gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .thumbnail-wrapper .media a .play-overlay .duration {
    padding-top: .71429rem
}

.gallery-wrapper .filterable-list .media-container .galleryThumb .video-thumbnail .media picture {
    border: none
}

.gallery-wrapper .filterable-list .thumbnail-matrix > .sdp-row > .sdp-col {
    padding-top: .71429rem;
    padding-bottom: .71429rem
}

.gallery-wrapper .show-more-btn {
    margin: 1.42857rem 0 0;
    text-align: center
}

    .gallery-wrapper .show-more-btn.load-more-hidden {
        display: none
    }

@media screen and (min-width: 510px) and (max-width: 699px) {
    .gallery-wrapper .show-more-btn a {
        width: 80%
    }
}

@media screen and (max-width: 509px) {
    .gallery-wrapper .show-more-btn a {
        width: 100%
    }
}

@media screen and (min-width: 700px) {
    .gallery-wrapper .show-more-btn a {
        padding: 1.07143rem 5.71429rem !important
    }
}

.gallery-wrapper .tab-container .tab-list > .tablist-tab:first-child {
    margin-left: 0
}

.ucl-modal-window .mediaExpand {
    padding-left: 0;
    padding-right: 0
}

    .ucl-modal-window .mediaExpand.mediaExpandContainer {
        padding-top: 0
    }

        .ucl-modal-window .mediaExpand.mediaExpandContainer .gcss-icon-enlarge,
        .ucl-modal-window .mediaExpand.mediaExpandContainer .ucx-close-button {
            display: none
        }

.gallery-wrapper.gcss-theme-light {
    background-color: #fff
}

    .gallery-wrapper.gcss-theme-light .tab-container .tab-list a.active-tab span,
    .gallery-wrapper.gcss-theme-light .tab-container .tab-list a:hover span {
        color: #000
    }

.page-header.gcss-theme-light {
    background-color: #fff
}

.gallery-wrapper.gcss-theme-dark {
    background-color: #000
}

    .gallery-wrapper.gcss-theme-dark .tab-container .tab-list a.active-tab span,
    .gallery-wrapper.gcss-theme-dark .tab-container .tab-list a:hover span {
        color: #fff
    }

.page-header.gcss-theme-dark {
    background-color: #000
}

@media screen and (min-width: 1005px) {
    .gallery-preview {
        margin: 0 auto
    }
}

.gallery-preview .arrow-container {
    height: calc(100% - 40px)
}

.gallery-preview .carousel-container {
    height: auto
}

    .gallery-preview .carousel-container .carousel-image-container img {
        margin: auto
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .gallery-preview .carousel-container {
        padding-bottom: 4rem
    }
}

@media screen and (max-width: 1004px) {
    .gallery-preview .carousel-container {
        padding-bottom: 2.57143rem
    }
}

.gallery-preview .cta-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .71429rem 0 1.78571rem
}

@media screen and (min-width: 510px) {
    .gallery-preview .cta-buttons {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0
    }
}

.gallery-preview .cta-buttons a {
    margin: 0 1.42857rem 0 0
}

@media screen and (max-width: 509px) {
    .gallery-preview .cta-buttons a:last-child {
        margin-top: .71429rem
    }
}

.gallery-preview .display-media-container .cta-disclosure-bar .disclaimer-container {
    max-width: 40%
}

.gallery-preview.gcss-theme-light h4 {
    color: #000
}

.gallery-preview.gcss-theme-dark h4 {
    color: #fff
}

.gallery-wrapper.gcss-theme-light {
    background-color: #fff
}

.gallery-wrapper.gcss-theme-dark {
    background-color: #000
}

.hero-wrapper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    background-color: #000
}

    .hero-wrapper.sdp-grid.fluid {
        max-width: none
    }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .hero-wrapper {
        height: auto !important
    }
}

.hero-wrapper .hero-row {
    margin: 0;
    height: auto
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .hero-row {
        height: 35.71429rem
    }

        .hero-wrapper .hero-row.hero-height-extra-short {
            height: 25rem
        }

        .hero-wrapper .hero-row.hero-height-short {
            height: 30rem
        }

        .hero-wrapper .hero-row.hero-height-normal {
            height: 35.71429rem
        }

        .hero-wrapper .hero-row.hero-height-tall {
            height: 39.28571rem
        }

        .hero-wrapper .hero-row.hero-height-auto {
            height: auto
        }

            .hero-wrapper .hero-row.hero-height-auto .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container .responsive-img img {
                top: 0;
                left: 0;
                position: relative;
                display: block;
                height: auto;
                width: 100%
            }
}

.hero-wrapper .hero-row .sdp-col-lg-12 {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .sdp-col-lg-12 {
        height: 100%
    }
}

.hero-wrapper .hero-row .carousel-container,
.hero-wrapper .hero-row .sdp-col-lg-12 .display-media-container {
    height: 100%
}

    .hero-wrapper .hero-row .carousel-container .meatBall-dots.under-image {
        position: absolute
    }

    .hero-wrapper .hero-row .carousel-container .carousel-div,
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list {
        height: 100%
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper {
        width: 100%
    }
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper {
        padding: 0 4.28571rem
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .sdp-row {
    height: auto
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container > div.sdp-col {
        padding: 0;
        max-width: 42.85714rem
    }
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container > div.sdp-col {
        width: 100%;
        padding: 0
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .order-swap > .sdp-row:first-child {
    height: auto
}

    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .order-swap > .sdp-row:first-child > .sdp-col {
        width: 100%
    }

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .order-swap .scaling-rail {
    padding: 0
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .order-swap .scaling-rail > .sdp-row:first-child > .sdp-col:first-child {
        width: 100%
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button,
.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button-secondary {
    margin-top: .71429rem
}

@media screen and (max-width: 509px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button,
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button-secondary {
        margin-left: .42857rem;
        margin-right: .42857rem
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button-secondary:after,
.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .content-box .gcss-button:after {
    font-size: .75rem
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper {
    margin-bottom: 0;
    padding: 0;
    margin-left: -1.6%;
    margin-right: -1.6%
}

    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper .badge-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

@media screen and (max-width: 509px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper .badge-container {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper .badge-container .description {
    margin-bottom: 0;
    font-weight: 400
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper .badge-container .content-container {
    margin-left: 1.42857rem
}

    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .badge-wrapper .badge-container .content-container .image-container {
        width: 100%
    }

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .panel-wrapper .panel-container .content-overlay .msrp-wrapper .description {
    margin-bottom: .35714rem
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item {
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item {
        overflow: inherit
    }
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item.active {
        height: auto
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container {
    height: 100%
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container {
        height: auto
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container .responsive-img {
    height: 100%;
    position: relative;
    display: block
}

    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container .responsive-img img {
        max-width: none;
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container .responsive-img img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: initial;
        max-width: 100%
    }
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list .carousel-item .carousel-image-container .passive-video-container video {
    height: auto;
    width: 100%;
    object-fit: cover
}

.hero-wrapper .hero-row .carousel-container .carousel-div .carousel-list.is-panning .carousel-item {
    height: auto
}

.hero-wrapper .hero-row .carousel-container .arrow.left,
.hero-wrapper .hero-row .carousel-container .arrow.right {
    display: none
}

.hero-wrapper .hero-row .carousel-container:hover .arrow.left,
.hero-wrapper .hero-row .carousel-container:hover .arrow.right {
    display: block
}

.hero-wrapper .hero-row .passive-video-container {
    height: 100%;
    width: 100%
}

    .hero-wrapper .hero-row .passive-video-container video {
        max-width: none;
        width: auto;
        position: absolute;
        margin: auto;
        height: 100%
    }

@media screen and (min-width: 1005px) {
    .hero-wrapper .hero-row .passive-video-container .dynamic-height video {
        position: relative
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .hero-wrapper .hero-row .passive-video-container .passive-video-stills-div .responsive-img img {
        width: 100% !important
    }
}

.hero-wrapper .split-right {
    height: auto;
    position: relative
}

@media screen and (max-width: 509px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .short-description {
        margin-top: -3.21429rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .short-description {
        margin-top: -2.85714rem
    }
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .short-description {
        -webkit-margin-top: -1.28571rem
    }
}

@media screen and (max-width: 509px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .cta-buttons {
        margin-top: -2.5rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .cta-buttons {
        margin-top: -2.14286rem
    }
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .split-right .panel-wrapper .content-container .cta-buttons {
        -webkit-margin-top: .71429rem
    }
}

.hero-wrapper .split-right .media-container {
    height: 100%;
    width: 100%
}

    .hero-wrapper .split-right .media-container .display-media-container {
        position: absolute;
        height: 100%;
        width: 100%
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .media-container .display-media-container {
        position: relative
    }
}

.hero-wrapper .split-right .media-container .display-media-container picture {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .hero-wrapper .split-right .media-container .display-media-container picture img {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        z-index: 3;
        max-width: none
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .media-container .display-media-container picture img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }
}

.hero-wrapper .split-right .media-container .display-media-container video {
    position: absolute;
    z-index: 3;
    max-width: inherit
}

.hero-wrapper .split-right .media-container .display-media-container .passive-video-stills-div,
.hero-wrapper .split-right .media-container .display-media-container .stills-item,
.hero-wrapper .split-right .media-container .display-media-container .stills-list {
    height: 100%
}

.hero-wrapper .split-right .media-container .display-media-container .image-disclosure {
    margin: 0;
    position: relative;
    z-index: 4
}

.hero-wrapper .split-right .video-container {
    position: absolute;
    height: 100%;
    width: 100%
}

    .hero-wrapper .split-right .video-container .passive-video-container {
        height: 100%;
        width: 100%
    }

        .hero-wrapper .split-right .video-container .passive-video-container video {
            max-width: none;
            position: absolute;
            top: -9999px;
            bottom: -9999px;
            left: -9999px;
            right: -9999px;
            margin: auto
        }

.hero-wrapper .split-right .content-container {
    position: relative;
    z-index: 3;
    width: 100%
}

    .hero-wrapper .split-right .content-container .sdp-col {
        width: 100%;
        text-align: center
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .content-container .sdp-col {
        padding: 0
    }
}

.hero-wrapper .split-right .content-body-wrapper .cta-buttons {
    text-align: center
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .content-body-wrapper .cta-buttons {
        margin-top: -1.42857rem
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .hero-wrapper .split-right .content-body-wrapper .cta-buttons {
        margin-top: -1.07143rem
    }
}

.hero-wrapper .split-right .panel-wrapper.sdp-grid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    display: inline-block
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .panel-wrapper.sdp-grid {
        height: 100%;
        position: relative
    }
}

.hero-wrapper .split-right .panel-wrapper.sdp-grid .sdp-row {
    margin: 0;
    height: 100%;
    width: 100%
}

    .hero-wrapper .split-right .panel-wrapper.sdp-grid .sdp-row .panel-container .content-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .panel-wrapper.sdp-grid .sdp-row {
        height: 100%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .hero-wrapper .split-right .panel-wrapper.sdp-grid .sdp-col {
        width: 100%
    }
}

.hero-wrapper .split-right .panel-item {
    width: 100%
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .split-right .panel-item .sdp-col {
        width: 100%;
        margin: 0
    }
}

.hero-wrapper .split-right .content-overlay {
    padding-top: 2.14286rem
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .content-overlay {
        display: block
    }
}

.hero-wrapper .split-right .content-overlay .content-overlay-details .postTitle,
.hero-wrapper .split-right .content-overlay .content-overlay-details .pre-title,
.hero-wrapper .split-right .content-overlay .content-overlay-details .title {
    padding: 0;
    margin: 0
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .split-right .content-overlay .content-body-wrapper,
    .hero-wrapper .split-right .content-overlay .content-overlay-details {
        width: 100%
    }
}

@media screen and (max-width: 699px) {
    .hero-wrapper .split-right .content-overlay .content-body-wrapper .cta-buttons {
        position: relative;
        left: 0;
        width: 100%;
        bottom: 0;
        text-align: center
    }
}

.hero-wrapper .split-left {
    position: relative;
    height: 100%
}

    .hero-wrapper .split-left .display-media-container {
        height: 100%
    }

.hero-wrapper .panel-wrapper.sdp-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    max-width: none
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .panel-wrapper.sdp-grid {
        position: relative;
        height: auto;
        margin: 0
    }
}

.hero-wrapper .panel-wrapper.sdp-grid .sdp-row {
    height: 100%;
    margin: 0
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .panel-wrapper.sdp-grid .sdp-row {
        width: 100%
    }
}

.hero-wrapper .panel-wrapper.sdp-grid .panel-container {
    padding: 2.14286rem 0
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .panel-wrapper.sdp-grid .panel-container {
        min-height: 0;
        padding: 0
    }
}

@media screen and (max-width: 1004px) {
    .hero-wrapper .panel-wrapper.sdp-grid .panel-container .panel-item {
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width: 1004px) and (max-width: 1004px) {
    .hero-wrapper .panel-wrapper.sdp-grid .panel-container .panel-item .content-overlay {
        width: 100%
    }
}

.hero-wrapper.sdp-row.flush {
    margin-left: auto;
    margin-right: auto
}

.hero-wrapper.sdp-grid.flush,
.hero-wrapper.sdp-row.flush {
    padding-left: 0;
    padding-right: 0
}

.hero-wrapper .carousel-item {
    position: relative
}

@media screen and (min-width: 1005px) {
    .hero-wrapper .display-media-container .cta-disclosure-bar .disclaimer-container {
        max-width: 40%
    }
}

.lineup {
    max-width: 103.57143rem;
    margin: 0 auto
}

    .lineup > .lineup__title {
        margin-top: 1.78571rem;
        margin-bottom: 1.07143rem;
        text-align: center;
        color: #333;
         /*font-family: Breakers Slab;*/ 
        /*font-family: 'American Captain Patrius Regular' !important;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.14286rem;
        font-weight: 400
    }

@media screen and (max-width: 699px) {
    .lineup > .lineup__title {
        font-size: 1.57143rem;
        line-height: 1.5;
    }
}

@media screen and (min-width: 700px) {
    .lineup > .lineup__title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1.5;
        text-transform: uppercase;
        font-size: 2.14286rem;
        font-weight: 400
    }
}

@media screen and (min-width: 700px) and (max-width: 699px) {
    .lineup > .lineup__title {
        font-size: 1.42857rem
    }
}

@media screen and (min-width: 1005px) {
    .lineup > .lineup__title {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1.5;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: 700
    }
}

@media screen and (min-width: 1005px) and (max-width: 699px) {
    .lineup > .lineup__title {
        font-size: 1.57143rem
    }
}

.lineup[data-flexible-layout] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .sdp-row > .sdp-col,
.lineup[data-flexible-layout] > .lineup__vehicle-lineup > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.lineup[data-variation=jellybean] {
    padding: 1.78571rem 1.07143rem 3.57143rem
}

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup > .scaling-rail.sdp-grid {
        display: none
    }

        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
            width: 14.28571%;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-1 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 100%
    }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-2 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 50%;
    }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-3 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 33.33333%
    }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-4 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 25%
    }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-5 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 20%
    }

    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-6 > .scaling-rail.sdp-grid > .sdp-row > .sdp-col {
        width: 16.66667%
    }

@media screen and (min-width: 510px) {
    .lineup[data-variation=jellybean] {
        padding: 1.42857rem 1.78571rem 3.57143rem
    }
}

@media screen and (min-width: 700px) {
    .lineup[data-variation=jellybean] {
        padding: 1.42857rem .85714rem 3.57143rem
    }

        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-1 > .item-matrix.sdp-grid > .layout-grid > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-2 > .item-matrix.sdp-grid > .layout-grid > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.lineup-length-3 > .item-matrix.sdp-grid > .layout-grid > .sdp-col {
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }
}

@media screen and (min-width: 1005px) {
    .lineup[data-variation=jellybean] {
        padding: 1.42857rem
    }

        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup > .scaling-rail.sdp-grid {
            display: block
        }

        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup > .item-matrix.sdp-grid {
            display: none
        }
}

@media screen and (min-width: 700px) {
    .lineup[data-variation=jellybean] > .lineup__title {
        margin-top: 1.78571rem;
        margin-bottom: 1.07143rem
    }
}

@media screen and (min-width: 1005px) {
    .lineup[data-variation=jellybean] > .lineup__title {
        margin-top: 1.78571rem;
        margin-bottom: 1.07143rem
    }
}

.lineup[data-variation=lifestyle] {
    padding: 1.78571rem 1.07143rem
}

@media screen and (max-width: 699px) {
    .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .layout-grid > .sdp-col.flush {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (max-width: 1004px) {
    .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .layout-grid {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 1005px) {
    .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup.lineup-length-1 > .item-matrix.sdp-grid > .layout-grid > .sdp-col,
    .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup.lineup-length-2 > .item-matrix.sdp-grid > .layout-grid > .sdp-col,
    .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup.lineup-length-3 > .item-matrix.sdp-grid > .layout-grid > .sdp-col {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 510px) {
    .lineup[data-variation=lifestyle] {
        padding: .71429rem 1.78571rem 2.5rem
    }
}

@media screen and (min-width: 700px) {
    .lineup[data-variation=lifestyle] {
        padding: 1.42857rem .85714rem 2.85714rem
    }
}

@media screen and (min-width: 1005px) {
    .lineup[data-variation=lifestyle] {
        padding: 1.42857rem
    }

        .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .layout-grid > .sdp-col.flush > .lineup-card > .lineup-card__grid.sdp-grid {
            padding: 0
        }

            .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .layout-grid > .sdp-col.flush > .lineup-card > .lineup-card__grid.sdp-grid > .sdp-row.lineup-card__grid__row__vehicle {
                margin: 0;
                width: 100%
            }

                .lineup[data-variation=lifestyle] > .lineup__vehicle-lineup > .item-matrix.sdp-grid > .layout-grid > .sdp-col.flush > .lineup-card > .lineup-card__grid.sdp-grid > .sdp-row.lineup-card__grid__row__vehicle > .sdp-col {
                    padding: 0
                }
}

@media screen and (min-width: 510px) and (max-width: 699px), screen and (min-width: 700px) and (max-width: 1004px) {
    .lineup[data-variation=lifestyle] > .lineup__title {
        margin-top: 1.78571rem;
        margin-bottom: 1.07143rem
    }
}

.lineup .lineup-card__grid__row__vehicle .image-container {
    margin: 0 auto
}

@media screen and (min-width: 1005px) {
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-1 > .sdp-grid > .sdp-row,
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-2 > .sdp-grid > .sdp-row,
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-3 > .sdp-grid > .sdp-row,
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-4 > .sdp-grid > .sdp-row,
    .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-5 > .sdp-grid > .sdp-row {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-1 > .sdp-grid > .sdp-row > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-2 > .sdp-grid > .sdp-row > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-3 > .sdp-grid > .sdp-row > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-4 > .sdp-grid > .sdp-row > .sdp-col,
        .lineup[data-variation=jellybean] > .lineup__vehicle-lineup.restrict-columns.lineup-length-5 > .sdp-grid > .sdp-row > .sdp-col {
            width: 16.66667%
        }
}

.lineup.gcss-theme-light {
    background-color: #fff;
    color: #333
}

    .lineup.gcss-theme-light > .lineup__title {
        color: #333
    }

h2.lineup__title.gcss-colors-text-body-primary {
    margin-top: 27.5%;
}

.lineup.gcss-theme-light > .lineup__disclosure {
    background-color: #e7e7e7
}

    .lineup.gcss-theme-light > .lineup__disclosure .disclosure {
        color: #636363
    }

.lineup.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

    .lineup.gcss-theme-dark > .lineup__title {
        color: #fff
    }

    .lineup.gcss-theme-dark > .lineup__disclosure {
        background-color: #212121
    }

        .lineup.gcss-theme-dark > .lineup__disclosure .disclosure {
            color: #bfbfbf
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-highlights {
        text-align: center
    }
}

.vehicle-highlights .vehicle-highlights .toggle-container {
    display: inline-block
}

.vehicle-highlights .vehicle-highlights__grid {
    padding-top: 2.85714rem;
    padding-bottom: 1.07143rem
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights .vehicle-highlights__grid {
        padding-bottom: 2.14286rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-highlights .vehicle-highlights__drives {
        display: inline-block
    }
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights .vehicle-highlights__drives {
        text-align: center;
        margin-bottom: .35714rem
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .vehicle-highlights .vehicle-highlights__cabs {
        display: inline-block;
        margin-left: .71429rem
    }
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights .vehicle-highlights__cabs {
        text-align: center;
        margin-bottom: .71429rem
    }
}

.vehicle-highlights .vehicle-highlights__description-text {
    margin-bottom: 1.42857rem;
    line-height: 1.4
}

.vehicle-highlights .vehicle-highlights__drives + .vehicle-highlights__cabs {
    margin-top: -1.07143rem
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights .model-info__row {
        margin-top: 1.42857rem
    }
}

@media screen and (min-width: 510px) {
    .vehicle-highlights .model-info__row .vehicle-highlights__msrp {
        min-width: 8.21429rem;
        -webkit-flex: 1 0 8.21429rem;
        -ms-flex: 1 0 8.21429rem;
        flex: 1 0 8.21429rem;
        padding: 0
    }

        .vehicle-highlights .model-info__row .vehicle-highlights__msrp.msrp-has-disclaimer {
            min-width: 10.35714rem;
            -webkit-flex: 1 0 10.35714rem;
            -ms-flex: 1 0 10.35714rem;
            flex: 1 0 10.35714rem
        }
}

.vehicle-highlights .model-info__row .vehicle-highlights__keystat {
    min-width: 8.21429rem;
    -webkit-flex: 1 0 8.21429rem;
    -ms-flex: 1 0 8.21429rem;
    flex: 1 0 8.21429rem;
    padding: 0
}

.vehicle-highlights .model-info__row .key-stat-wrapper > .sdp-row > .sdp-col {
    margin-bottom: 1.42857rem;
    padding-left: 0
}

.vehicle-highlights .model-info-name,
.vehicle-highlights .model-info-year {
    text-align: center
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights .model-info-name,
    .vehicle-highlights .model-info-year {
        text-align: left
    }
}

.vehicle-highlights .model-info-year {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .vehicle-highlights .model-info-year {
        font-size: 1.57143rem
    }
}

@media screen and (min-width: 700px) {
    .vehicle-highlights .model-info-year {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.14286rem;
        font-weight: 400
    }
}

@media screen and (min-width: 700px) and (max-width: 699px) {
    .vehicle-highlights .model-info-year {
        font-size: 1.42857rem
    }
}

.vehicle-highlights .model-info-name {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700;
    margin-bottom: 1.42857rem
}

@media screen and (max-width: 699px) {
    .vehicle-highlights .model-info-name {
        font-size: 1.78571rem
    }
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights .model-info-name {
        margin-bottom: 0
    }
}

.vehicle-highlights .vehicle-highlights__cta {
    margin: .35714rem 0 1.42857rem .28571rem
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights .vehicle-highlights__cta {
        text-align: center;
        margin-left: 0
    }
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__mobile__header {
        display: none
    }
}

.vehicle-highlights__grid__col__left .vehicle-highlights__header .link,
.vehicle-highlights__grid__col__left > .link {
    margin-bottom: 1.42857rem;
    text-align: center
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__left > .link {
        display: none
    }
}

.vehicle-highlights__grid__col__right .vehicle-highlights__header {
    display: none
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .vehicle-highlights__header {
        display: block
    }
}

.vehicle-highlights__grid__col__right .vehicle-highlights__drives {
    text-align: center;
    display: none
}

    .vehicle-highlights__grid__col__right .vehicle-highlights__drives .toggle-container .toggle-wrapper {
        padding: 0
    }

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .vehicle-highlights__drives {
        display: block;
        text-align: left;
        margin-bottom: 1.42857rem
    }
}

.vehicle-highlights__grid__col__right .vehicle-highlights__cabs {
    display: none
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .vehicle-highlights__cabs {
        display: block;
        text-align: left;
        margin-bottom: 1.42857rem
    }
}

.vehicle-highlights__grid__col__right .bullet-list ul {
    margin-left: 0
}

.vehicle-highlights__grid__col__right .bullet-list li {
    margin-left: 1rem
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights__grid__col__right .bullet-list li {
        text-align: left
    }
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .bullet-list {
        display: block;
        margin-top: 1.42857rem;
        margin-bottom: 1.42857rem;
        padding-left: .14286rem
    }
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .bullet-list + .model-info__grid,
    .vehicle-highlights__grid__col__right .vehicle-highlights__description-text + .model-info__grid {
        position: relative;
        padding-top: 1.42857rem;
        padding-left: 0
    }

        .vehicle-highlights__grid__col__right .bullet-list + .model-info__grid:before,
        .vehicle-highlights__grid__col__right .vehicle-highlights__description-text + .model-info__grid:before {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 1.5625%;
            right: 1.5625%;
            height: .07143rem
        }

        .vehicle-highlights__grid__col__right .bullet-list + .model-info__grid + .cta-wrapper,
        .vehicle-highlights__grid__col__right .vehicle-highlights__description-text + .model-info__grid + .cta-wrapper {
            padding-left: 0;
            padding-right: 0
        }
}

@media screen and (max-width: 1004px) {
    .vehicle-highlights__grid__col__right .model-info__grid {
        position: relative;
        padding-top: .35714rem;
        margin-top: 1.07143rem
    }

        .vehicle-highlights__grid__col__right .model-info__grid:before {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 1.5625%;
            right: 1.5625%;
            height: .07143rem
        }
}

@media screen and (max-width: 509px) {
    .vehicle-highlights__grid__col__right .model-info__grid:before {
        left: 3.2%;
        right: 3.2%
    }
}

.vehicle-highlights__grid__col__right .cta-wrapper .sdp-col {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 1.07143rem
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .cta-wrapper .sdp-col {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .cta-wrapper .sdp-col + .sdp-col .gcss-button-tertiary {
        margin-left: .71429rem
    }
}

@media screen and (min-width: 1005px) {
    .vehicle-highlights__grid__col__right .cta-wrapper .sdp-col a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
}

.vehicle-highlights.gcss-theme-light {
    color: #000
}

    .vehicle-highlights.gcss-theme-light .vehicle-highlights__grid {
        background-color: #fff
    }

    .vehicle-highlights.gcss-theme-light .model-info-name,
    .vehicle-highlights.gcss-theme-light .model-info-year {
        color: #000
    }

    .vehicle-highlights.gcss-theme-light .bullet-list + .model-info__grid:before,
    .vehicle-highlights.gcss-theme-light .vehicle-highlights__description-text + .model-info__grid:before {
        background: #bfbfbf
    }

    .vehicle-highlights.gcss-theme-light .vehicle-highlights__cta a,
    .vehicle-highlights.gcss-theme-light .vehicle-highlights__cta a:after,
    .vehicle-highlights.gcss-theme-light .vehicle-highlights__cta a:before {
        color: #700000
    }

.vehicle-highlights.gcss-theme-dark {
    color: #fff
}

    .vehicle-highlights.gcss-theme-dark .vehicle-highlights__grid {
        background-color: #000
    }

    .vehicle-highlights.gcss-theme-dark .model-info-name,
    .vehicle-highlights.gcss-theme-dark .model-info-year {
        color: #fff
    }

    .vehicle-highlights.gcss-theme-dark .bullet-list + .model-info__grid:before,
    .vehicle-highlights.gcss-theme-dark .vehicle-highlights__description-text + .model-info__grid:before {
        background: #bfbfbf
    }

    .vehicle-highlights.gcss-theme-dark .vehicle-highlights__cta a {
        color: #fff
    }

        .vehicle-highlights.gcss-theme-dark .vehicle-highlights__cta a:after,
        .vehicle-highlights.gcss-theme-dark .vehicle-highlights__cta a:before {
            color: #ba3b00
        }

.model-walk {
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto
}

    .model-walk .model-walk__tabs .item-matrix {
        padding-left: 0;
        padding-right: 0
    }

@media screen and (max-width: 1004px) {
    .model-walk .model-walk__tabs .item-matrix .layout-scroll .col-item:first-child {
        margin-left: auto
    }

    .model-walk .model-walk__tabs .item-matrix .layout-scroll .col-item:last-child {
        margin-right: auto
    }

    .model-walk .model-walk__tabs .item-matrix .layout-scroll .col-item {
        position: relative
    }
}

.model-walk .model-walk__tabs > .tab-container > .pinned-container > .pinned-content .tab-list {
    padding-bottom: 0
}

.model-walk .vehicle-highlights .model-info-year {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

.model-walk.gcss-theme-light {
    background-color: #fff;
    color: #000
}

@media screen and (max-width: 1004px) {
    .model-walk.gcss-theme-light .tab-image:hover {
        background-color: transparent
    }

    .model-walk.gcss-theme-light .tab-image.active-tab:hover {
        background-color: #fff
    }
}

.model-walk.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

@media screen and (max-width: 1004px) {
    .model-walk.gcss-theme-dark .tab-image:hover {
        background-color: transparent
    }

    .model-walk.gcss-theme-dark .tab-image.active-tab:hover {
        background-color: #000
    }
}

.packages {
    padding: 0;
    max-width: 103.57143rem;
    margin: 0 auto
}

    .packages .packages-inner {
        padding-top: 1.42857rem;
        padding-bottom: 1.42857rem
    }

    .packages .packages-content {
        line-height: 1.4;
        margin-top: 2.14286rem
    }

@media screen and (min-width: 1005px) {
    .packages .packages-content {
        margin-top: 0
    }
}

.packages .packages-description {
    margin-bottom: 1rem
}

.packages .packages-heading {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    margin: 1.78571rem 0 .85714rem;
    text-transform: uppercase
}

.packages .packages-copy {
    font-size: 1rem;
    line-height: 1.42857;
    margin: .35714rem 2.14286rem 1.42857rem 0;
    margin-left: calc(2.14286rem - .78125%)
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .packages .packages-copy {
        margin-left: calc(2.14286rem - 3.2%)
    }
}

@media screen and (max-width: 509px) {
    .packages .packages-copy {
        margin-left: calc(2.14286rem - 1.6%)
    }
}

.packages .packages-media {
    margin-top: .71429rem;
    margin-bottom: .71429rem
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .packages .packages-media {
        margin-top: .85714rem
    }
}

@media screen and (min-width: 510px) {
    .packages .packages-media {
        margin-left: 2.14286rem
    }
}

@media screen and (min-width: 700px) {
    .packages .packages-media {
        margin-top: 0;
        margin-left: 2.14286rem
    }
}

.packages .packages-media .display-media-container {
    height: auto
}

.packages .packages-caption {
    display: none;
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700;
    margin-top: 1.14286rem;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 700px) {
    .packages .packages-caption {
        display: block
    }
}

.packages.gcss-theme-light {
    background-color: #fff;
    color: #000
}

.packages.gcss-theme-dark {
    background-color: #000;
    color: #fff
}

.sdp-grid.incentive-breakdown-container {
    display: inline-table;
    padding: 2.5rem;
    width: 100%
}

    .sdp-grid.incentive-breakdown-container .sdp-row > .sdp-col.incentive-summary-label,
    .sdp-grid.incentive-breakdown-container .sdp-row > .sdp-col.incentive-type {
        -webkit-flex-grow: 4;
        -ms-flex-positive: 4;
        flex-grow: 4;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 0%;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        margin-right: .71429rem
    }

    .sdp-grid.incentive-breakdown-container .sdp-row > .sdp-col.incentive-summary-value,
    .sdp-grid.incentive-breakdown-container .sdp-row > .sdp-col.incentive-value {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 0%;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        text-align: right
    }

    .sdp-grid.incentive-breakdown-container > .sdp-row.head-content__row {
        margin-bottom: 3.57143rem
    }

        .sdp-grid.incentive-breakdown-container > .sdp-row.head-content__row > .sdp-col.head-content__col > .head-content .get-up-to,
        .sdp-grid.incentive-breakdown-container > .sdp-row.head-content__row > .sdp-col.head-content__col > .head-content .offer-on {
            text-transform: uppercase
        }

        .sdp-grid.incentive-breakdown-container > .sdp-row.head-content__row > .sdp-col.head-content__col > .head-content .amount {
            margin: .71429rem 0
        }

    .sdp-grid.incentive-breakdown-container ul.incentive-content__list > li.incentive-content__list-item {
        margin-bottom: 1.42857rem
    }

    .sdp-grid.incentive-breakdown-container > .sdp-row.key-line__row > .sdp-col.key-line__col .key-line {
        border: .07143rem solid;
        margin-bottom: 1.42857rem
    }

    .sdp-grid.incentive-breakdown-container > .sdp-row.incentive-summary__row > .sdp-col.incentive-summary__col > .incentive-summary {
        margin-bottom: 3.57143rem
    }

    .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col {
        margin-bottom: 1.42857rem
    }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col:last-child {
            margin-bottom: 0
        }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col > * {
            text-align: center
        }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col > .cta-container__cta-group > * {
            margin-bottom: .71429rem
        }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col > .cta-container__cta-group > :last-child {
            margin-bottom: 0
        }

@media screen and (min-width: 510px) {
    .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col {
        margin-bottom: 0
    }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col > .cta-container__button {
            text-align: left
        }

        .sdp-grid.incentive-breakdown-container > .sdp-row.cta-container__row > .sdp-col.cta-container__col > .cta-container__cta-group {
            text-align: right
        }
}

.pricing-bar-wrapper {
    padding-top: 2.14286rem;
    padding-bottom: 2.14286rem;
    overflow: hidden
}

    .pricing-bar-wrapper .msrp-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }

@media screen and (max-width: 699px) {
    .pricing-bar-wrapper .msrp-wrapper {
        padding: 0
    }
}

.pricing-bar-wrapper .price-box .msrp-wrapper .description {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.pricing-bar-wrapper .sdp-row.control-panel {
    position: relative
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-row.control-panel {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tabs-label {
        min-width: 4.64286rem
    }
}

.pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tabs-label span {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tab-container a.active-tab span {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.no-offer-msg > .no-offer-msg-content {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

.pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.zip-component {
    margin-bottom: 1.14286rem
}

@media screen and (max-width: 509px) {
    .pricing-bar-wrapper .sdp-row.control-panel > .sdp-col.control-panel__col.zip-component {
        display: none
    }
}

.pricing-bar-wrapper .sdp-row.pricing-offers {
    margin-top: .35714rem;
    position: relative;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .pricing-bar-wrapper .sdp-row.pricing-offers > * {
        margin-bottom: 1.14286rem
    }

    .pricing-bar-wrapper .sdp-row.pricing-offers > :last-child {
        margin-bottom: 0
    }

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > * {
        margin: 0
    }
}

@media screen and (min-width: 510px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.pricing-offers__col.zip-component {
        display: none
    }
}

@media screen and (min-width: 700px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.pricing-offers__col.zip-component {
        margin-top: 0
    }
}

.pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .offers-content {
    position: relative
}

.pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col > .offers-content {
    padding: 0 .28571rem 0 1.07143rem
}

@media screen and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child > .offers-content {
        padding-left: 0
    }
}

@media screen and (min-width: 700px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child {
        border-left: .07143rem solid
    }
}

.pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child) {
    border-right: .07143rem solid;
    position: relative
}

    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child):after {
        position: absolute;
        top: 39%;
        right: -.92857rem;
        content: "or";
        text-transform: uppercase;
        padding: .35714rem;
        font-family: Roboto Condensed;
        font-size: .71429rem;
        font-weight: 700
    }

.pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix .layout-scroll:after {
    right: 0
}

.pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix .layout-scroll:before {
    left: 0
}

@media screen and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix {
        padding: 0
    }
}

@media screen and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes[data-offer-count="1"] .item-matrix > .sdp-row > .sdp-col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes[data-offer-count="3"] .item-matrix > .sdp-row > .sdp-col {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .pricing-bar-wrapper .sdp-row.pricing-offers > .sdp-col.offer-boxes[data-offer-count="2"] .item-matrix > .sdp-row > .sdp-col {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers .open-zipchanger {
        border-right: .07143rem solid;
        border-left: .07143rem solid;
        padding: 0 1.42857rem;
        margin: 0 0 0 1.07143rem;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media screen and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers .open-zipchanger {
        margin: 0 0 1.71429rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-row.pricing-offers {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pricing-bar-wrapper .zipCode {
    padding: 0
}

    .pricing-bar-wrapper .zipCode .zipContainer.active {
        height: 11.42857rem
    }

    .pricing-bar-wrapper .zipCode .zipContainer .zipDrawer {
        position: absolute;
        width: 100%;
        left: 0
    }

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .zipCode .zipContainer .zipDrawer {
        width: 100%
    }
}

@media screen and (max-width: 509px) {
    .pricing-bar-wrapper .zipCode .zipContainer .zipDrawer .geo {
        padding: .35714rem 0 0
    }
}

.pricing-bar-wrapper .zipCode .zipContainer .zipDrawer .geo a {
    padding: 0 0 0 1.42857rem
}

@media screen {
    .pricing-bar-wrapper .zipCode .zipContainer .toggle .close {
        top: .71429rem
    }

        .pricing-bar-wrapper .zipCode .zipContainer .toggle .close .icon {
            padding: 0 0 0 .35714rem
        }
}

.pricing-bar-wrapper .zipCode.zipcode-inline .heading {
    padding: 0
}

.pricing-bar-wrapper .zipCode.zipcode-inline .toggle .changeZip {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    font-size: .85714rem;
    padding-top: 0
}

.pricing-bar-wrapper .zipCode.zipcode-inline .zipDrawer .zipLabel,
.pricing-bar-wrapper .zipCode.zipcode-inline .zipOpenDrawer .zipLabel {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.pricing-bar-wrapper .zipCode.zipcode-inline .dataField {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .pricing-bar-wrapper .zipCode.zipcode-inline .dataField .geo a:after {
        display: none
    }

    .pricing-bar-wrapper .zipCode.zipcode-inline .dataField .geo a:before {
        padding: 0 .21429rem 0 0
    }

    .pricing-bar-wrapper .zipCode.zipcode-inline .dataField form a {
        height: 2.5rem;
        padding-top: .64286rem
    }

.pricing-bar-wrapper .zipCode .zipOpenDrawer .sdp-col {
    padding: 0
}

.pricing-bar-wrapper .zipCode .zipOpenDrawer .zipLabel {
    margin-top: 0
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .zipCode .zipOpenDrawer .zipLabel {
        padding: 0 0 0 .85714rem
    }
}

.pricing-bar-wrapper .zipCode .zipOpenDrawer .geo {
    margin-top: 1.14286rem
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .zipCode {
        margin-left: 0
    }
}

.pricing-bar-wrapper[data-has-no-incentives][data-has-no-tabs] .sdp-row.control-panel > .sdp-col.control-panel__col.no-offer-msg > .no-offer-msg-content {
    margin-bottom: .71429rem
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .pricing-bar-wrapper .zipCode.zipcode-inline .dataField > div {
        width: auto;
        float: left;
        margin-top: .71429rem
    }

    .pricing-bar-wrapper .pricing-incentives .inner-wrapper {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .pricing-bar-wrapper .pricing-incentives .inner-wrapper .open-zipchanger {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

        .pricing-bar-wrapper .pricing-incentives .inner-wrapper .buttons-container {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

@media screen and (min-width: 700px) {
    .pricing-bar-wrapper .zipCode.zipcode-inline .dataField {
        display: inline
    }

    .pricing-bar-wrapper .zipCode.zipcode-inline .zipDrawer .zipLabel {
        padding-left: .78125%
    }
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper.sdp-grid {
        padding-left: 0;
        padding-right: 0
    }

    .pricing-bar-wrapper .zipCode.zipcode-inline .zipDrawer .geo {
        margin-top: .78571rem
    }
}

.pricing-bar-wrapper .tab-container {
    padding: 0 2.14286rem 0 0;
    margin: 0 0 0 .21429rem
}

    .pricing-bar-wrapper .tab-container a {
        padding: 0 .35714rem;
        text-decoration: none
    }

.pricing-bar-wrapper .sdp-col.buttons-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .pricing-bar-wrapper .sdp-col.buttons-container .gcss-button-secondary[class*=gcss-icon-]:before,
    .pricing-bar-wrapper .sdp-col.buttons-container .gcss-button[class*=gcss-icon-]:before,
    .pricing-bar-wrapper .sdp-col.buttons-container .gcss-theme-light .gcss-button-secondary[class*=gcss-icon-]:before,
    .pricing-bar-wrapper .sdp-col.buttons-container .gcss-theme-light .gcss-button[class*=gcss-icon-]:before {
        left: 1.07143rem
    }

    .pricing-bar-wrapper .sdp-col.buttons-container > a {
        margin: 0 0 .35714rem
    }

        .pricing-bar-wrapper .sdp-col.buttons-container > a:first-child {
            margin-left: 0
        }

        .pricing-bar-wrapper .sdp-col.buttons-container > a:last-child {
            margin-bottom: 0
        }

@media screen and (max-width: 509px) {
    .pricing-bar-wrapper .sdp-col.buttons-container,
    .pricing-bar-wrapper .sdp-col.buttons-container > a {
        width: 100%
    }
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .pricing-bar-wrapper .sdp-col.buttons-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: .71429rem 0 0;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

        .pricing-bar-wrapper .sdp-col.buttons-container > a {
            margin: 0 .35714rem
        }
}

@media screen and (min-width: 510px) and (max-width: 699px) {
    .pricing-bar-wrapper .sdp-col.buttons-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .pricing-bar-wrapper .sdp-col.buttons-container > a {
            margin: 0 .71429rem 0 0
        }
}

@media screen and (min-width: 1005px) {
    .pricing-bar-wrapper .sdp-col.buttons-container {
        padding: 0 0 0 1.42857rem
    }
}

.pricing-bar-wrapper.gcss-theme-light {
    background-color: #fff
}

    .pricing-bar-wrapper.gcss-theme-light .price-box {
        border-color: #bfbfbf
    }

        .pricing-bar-wrapper.gcss-theme-light .price-box .msrp-wrapper .description {
            color: #000
        }

    .pricing-bar-wrapper.gcss-theme-light .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tabs-label span {
        color: #636363
    }

    .pricing-bar-wrapper.gcss-theme-light .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tab-container a span {
        color: #000
    }

    .pricing-bar-wrapper.gcss-theme-light .sdp-row.control-panel > .sdp-col.control-panel__col.no-offer-msg > .no-offer-msg-content {
        color: #636363
    }

    .pricing-bar-wrapper.gcss-theme-light .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child,
    .pricing-bar-wrapper.gcss-theme-light .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child) {
        border-color: #bfbfbf
    }

        .pricing-bar-wrapper.gcss-theme-light .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child:after,
        .pricing-bar-wrapper.gcss-theme-light .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child):after {
            color: #000;
            background: #fff
        }

    .pricing-bar-wrapper.gcss-theme-light .sdp-row.pricing-offers .open-zipchanger {
        border-color: #bfbfbf
    }

    .pricing-bar-wrapper.gcss-theme-light .zipCode {
        background-color: #fff
    }

        .pricing-bar-wrapper.gcss-theme-light .zipCode .heading,
        .pricing-bar-wrapper.gcss-theme-light .zipCode.zipcode-inline .toggle .changeZip,
        .pricing-bar-wrapper.gcss-theme-light .zipCode.zipcode-inline .zipDrawer .zipLabel,
        .pricing-bar-wrapper.gcss-theme-light .zipCode.zipcode-inline .zipOpenDrawer .zipLabel {
            color: #000
        }

.pricing-bar-wrapper.gcss-theme-dark {
    background-color: #000
}

    .pricing-bar-wrapper.gcss-theme-dark .price-box {
        border-color: #bfbfbf
    }

        .pricing-bar-wrapper.gcss-theme-dark .price-box .msrp-wrapper .description {
            color: #fff
        }

    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tabs-label span {
        color: #bfbfbf
    }

    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.control-panel > .sdp-col.control-panel__col.tab-items > .tab-items-wrapper > .tab-container a span {
        color: #fff
    }

    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.control-panel > .sdp-col.control-panel__col.no-offer-msg > .no-offer-msg-content {
        color: #bfbfbf
    }

    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child,
    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child) {
        border-color: #bfbfbf
    }

        .pricing-bar-wrapper.gcss-theme-dark .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:first-child:after,
        .pricing-bar-wrapper.gcss-theme-dark .sdp-row.pricing-offers > .sdp-col.offer-boxes .item-matrix > .sdp-row > .sdp-col:not(:last-child):after {
            color: #fff;
            background: #000
        }

    .pricing-bar-wrapper.gcss-theme-dark .sdp-row.pricing-offers .open-zipchanger {
        border-color: #bfbfbf
    }

    .pricing-bar-wrapper.gcss-theme-dark .zipCode {
        background-color: #000
    }

        .pricing-bar-wrapper.gcss-theme-dark .zipCode .heading,
        .pricing-bar-wrapper.gcss-theme-dark .zipCode.zipcode-inline .toggle .changeZip,
        .pricing-bar-wrapper.gcss-theme-dark .zipCode.zipcode-inline .zipDrawer .zipLabel,
        .pricing-bar-wrapper.gcss-theme-dark .zipCode.zipcode-inline .zipOpenDrawer .zipLabel {
            color: #fff
        }

.promo-area-container {
    background-color: #d1d1d1;
    padding: 1.42857rem;
    padding-right: 0;
    max-width: 103.57143rem;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .promo-area-container .four-column .layout-grid .col-item:first-child,
    .promo-area-container .four-column .layout-grid .col-item:nth-child(2),
    .promo-area-container .three-column .layout-grid .col-item:first-child,
    .promo-area-container .three-column .layout-grid .col-item:nth-child(2) {
        padding-bottom: 1.42857rem
    }
}

@media screen and (max-width: 699px) {
    .promo-area-container .four-column .layout-grid .col-item,
    .promo-area-container .three-column .layout-grid .col-item {
        padding-bottom: 1.42857rem
    }

        .promo-area-container .four-column .layout-grid .col-item:last-child,
        .promo-area-container .three-column .layout-grid .col-item:last-child {
            padding-bottom: 0
        }
}

@media screen and (max-width: 699px) {
    .promo-area-container .two-column-small .layout-grid .promo-tiles-wrapper .sdp-col,
    .promo-area-container .two-column-wide .layout-grid .promo-tiles-wrapper .sdp-col {
        padding-bottom: 1.42857rem
    }

        .promo-area-container .two-column-small .layout-grid .promo-tiles-wrapper .sdp-col:last-child,
        .promo-area-container .two-column-wide .layout-grid .promo-tiles-wrapper .sdp-col:last-child {
            padding-bottom: 0
        }
}

.promo-area-container .baked-ctacard-container,
.promo-area-container .ctacard-tile-container {
    padding-right: 1.42857rem
}

.promo-area-container .badge-wrapper .badge-container picture,
.promo-area-container .badge-wrapper .badge-container picture img {
    width: 100%
}

.promo-area-container .item-matrix {
    padding: 0;
    max-width: inherit;
    margin: 0
}

.promo-area-container .layout-grid {
    margin: 0 auto;
    max-width: 600px;
}

@media screen and (min-width: 700px) {
    .promo-area-container .layout-grid .promo-tiles-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.promo-area-container .promo-area .sdp-col {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .promo-area-container .promo-area .sdp-col.disclosure-bubble__grid__col__item {
        background-color: transparent
    }

@media screen and (min-width: 700px) {
    .promo-area-container .layout-scroll .promo-tiles-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (max-width: 699px) {
    .promo-area-container .layout-scroll .promo-tiles-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.promo-area-container .promo-holder {
    overflow: hidden
}

.promo-area-container .promo-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    visibility: hidden
}

    .promo-area-container .promo-item.promo-item-active {
        position: relative;
        visibility: visible;
        display: block;
        z-index: 1
    }

@media screen and (min-width: 1005px) {
    .promo-area-container .ctacard-card-wide .ctacard-text-area,
    .promo-area-container::-ms-backdrop {
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 699px) {
    .two-column-small .ctacard-content-area,
    .two-column-wide .ctacard-content-area {
        padding: 1.42857rem 1.78571rem;
        box-sizing: content-box
    }
}

.gcss-main-content .promotile-container ~ .promotile-container .promo-area-container {
    padding-top: 0
}

.promo-area-container .promo-area .layout-scroll.showLeft.gcss-theme-dark:before,
.promo-area-container .promo-area .layout-scroll.showLeft.gcss-theme-light:before,
.promo-area-container .promo-area .layout-scroll.showRight.gcss-theme-dark:after,
.promo-area-container .promo-area .layout-scroll.showRight.gcss-theme-light:after {
    background: none
}

.rich-text-para {
    margin-top: 1.42857rem;
    margin-bottom: 1.42857rem;
    line-height: 1.42857rem
}

    .rich-text-para ul {
        list-style-type: disc;
        padding-left: 1.07143rem
    }

    .rich-text-para ol {
        list-style-type: decimal;
        padding-left: 1.07143rem
    }

.definition-list-container {
    margin-bottom: 1.42857rem;
    margin-top: 1.42857rem
}

    .definition-list-container .definition-list-wrapper {
        line-height: 1.78571rem;
        margin-bottom: .71429rem
    }

    .definition-list-container ul {
        list-style-type: disc
    }

@media screen and (max-width: 699px) {
    .definition-list-container ul {
        padding-left: 1.07143rem
    }
}

.definition-list-container ol {
    list-style-type: decimal
}

@media screen and (max-width: 699px) {
    .definition-list-container ol {
        padding-left: 1.07143rem
    }
}

.gcss-theme-light .definition-list-column {
    background-color: #fff
}

.gcss-theme-light .definition-list-desc-column {
    color: #636363
}

.gcss-theme-dark .definition-list-column {
    background-color: #000
}

.gcss-theme-dark .definition-list-desc-column {
    color: #fff
}

.paragraph-header {
    text-transform: uppercase;
    padding-top: 1.42857rem
}

.paragraph-header-pre-title {
    margin: 0 0 .71429rem
}

.paragraph-header-head-title {
    font-weight: 700
}

.paragraph-header-sub-title {
    margin: 1.42857rem 0 0
}

.paragraph-header.gcss-theme-light {
    background-color: #fff
}

    .paragraph-header.gcss-theme-light .paragraph-header-head-title,
    .paragraph-header.gcss-theme-light .paragraph-header-pre-title,
    .paragraph-header.gcss-theme-light .paragraph-header-sub-title {
        color: #000
    }

.paragraph-header.gcss-theme-dark {
    background-color: #000
}

    .paragraph-header.gcss-theme-dark .paragraph-header-head-title,
    .paragraph-header.gcss-theme-dark .paragraph-header-pre-title,
    .paragraph-header.gcss-theme-dark .paragraph-header-sub-title {
        color: #fff
    }

@media screen and (min-width: 700px) {
    .stand-alone-text-container.grid {
        padding: 0
    }
}

.stand-alone-text-container .text-container-inner-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

    .stand-alone-text-container .text-container-inner-wrapper > .sdp-col > .sdp-row > .sdp-col > a.gcss-button {
        margin-top: 1.42857rem;
        margin-bottom: 1.42857rem
    }

@media screen and (max-width: 1004px) {
    .stand-alone-text-container .text-container-inner-wrapper > .sdp-col > .sdp-row > .sdp-col > a.gcss-button {
        margin-right: 1.07143rem
    }
}

.stand-alone-text-container .text-container-inner-wrapper > .sdp-col > .sdp-row > .sdp-col > a.gcss-button-tertiary {
    margin-top: 1.07143rem
}

@media screen and (max-width: 699px) {
    .stand-alone-text-container .text-container-inner-wrapper > .sdp-col > .sdp-row > .sdp-col > a.gcss-button-tertiary {
        display: table
    }
}

.stand-alone-text-container.gcss-theme-light {
    background-color: #fff
}

.stand-alone-text-container.gcss-theme-dark {
    background-color: #000
}

.system-selector-wrapper .title {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700;
    padding-top: 1.78571rem;
    padding-bottom: 1.78571rem;
    text-align: center
}

@media screen and (max-width: 699px) {
    .system-selector-wrapper .title {
        font-size: 1.78571rem
    }
}

.system-selector-wrapper .select-field-main {
    width: 100%
}

    .system-selector-wrapper .select-field-main .select-field-wrapper {
        position: relative;
        min-width: 17.85714rem;
        margin-bottom: 1.07143rem
    }

        .system-selector-wrapper .select-field-main .select-field-wrapper .select-label,
        .system-selector-wrapper .select-field-main .select-field-wrapper ul li {
            text-transform: capitalize
        }

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .system-selector-wrapper .select-field-main .select-field-wrapper {
        min-width: 14.28571rem
    }
}

.system-selector-wrapper .system-blurbs-wrapper .compare-button-wrapper {
    padding-top: 1.78571rem;
    padding-bottom: 1.78571rem
}

.gcss-theme-light .system-selector-content {
    background-color: #fff
}

    .gcss-theme-light .system-selector-content .title {
        color: #636363
    }

.gcss-theme-light .compare-button-wrapper {
    background-color: #fff
}

.gcss-theme-dark .system-selector-content {
    background-color: #3e3e3e
}

    .gcss-theme-dark .system-selector-content .title {
        color: #bfbfbf
    }

.gcss-theme-dark .compare-button-wrapper {
    background-color: #3e3e3e
}

.bottom-navigation {
    height: 100%
}

    .bottom-navigation .buttonGroupWrapper {
        overflow: hidden
    }

@media screen and (max-width: 1004px) {
    .bottom-navigation .buttonGroupWrapper > .sdp-row > .sdp-col {
        padding-top: 1.78571rem;
        padding-bottom: 1.78571rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bottom-navigation a {
    text-decoration: none;
    text-transform: uppercase;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.85714rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

@media screen and (max-width: 1004px) {
    .bottom-navigation a {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media screen and (max-width: 699px) {
    .bottom-navigation a {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 509px) {
    .bottom-navigation a {
        padding-left: 1.42857rem;
        padding-right: 1.42857rem
    }
}

.bottom-navigation a > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 700px) and (max-width: 1004px) {
    .bottom-navigation a > div {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media screen and (max-width: 509px) {
    .bottom-navigation a > div {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.bottom-navigation a > div > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 510px) {
    .bottom-navigation a > div > div {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.bottom-navigation a > div p {
    font-family: Roboto
}

@media screen and (max-width: 509px) {
    .bottom-navigation a > div p {
        font-family: Roboto;
        font-size: .85714rem;
        font-weight: 400;
        padding: 0 .14286rem
    }
}

@media screen and (min-width: 510px) {
    .bottom-navigation a > div p {
        padding-bottom: .35714rem
    }
}

.bottom-navigation a > div h1 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 699px) {
    .bottom-navigation a > div h1 {
        font-size: 1.57143rem
    }
}

@media screen and (max-width: 1004px) {
    .bottom-navigation a > div h1 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase;
        font-size: 2.14286rem;
        font-weight: 400
    }
}

@media screen and (max-width: 1004px) and (max-width: 699px) {
    .bottom-navigation a > div h1 {
        font-size: 1.42857rem
    }
}

@media screen and (max-width: 699px) {
    .bottom-navigation a > div h1 {
        margin-top: 0;
        height: auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 509px) {
    .bottom-navigation a > div h1 {
        letter-spacing: 0
    }

        .bottom-navigation a > div h1.fiatusa {
            font-size: 1rem
        }
}

.bottom-navigation .icon {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .71429rem;
    font-size: .85714rem
}

@media screen and (min-width: 510px) {
    .bottom-navigation .icon:before {
        font-size: 1.28571rem
    }
}

@media screen and (min-width: 1005px) {
    .bottom-navigation .icon {
        width: 1.28571rem
    }

        .bottom-navigation .icon:before {
            font-size: 1.78571rem
        }
}

.gcss-theme-light .buttonPrevious {
    background-color: #414141
}

    .gcss-theme-light .buttonPrevious a {
        float: left;
        width: 100%;
        display: block
    }

        .gcss-theme-light .buttonPrevious a > div {
            width: 100%
        }

            .gcss-theme-light .buttonPrevious a > div > div {
                padding-right: .71429rem
            }

@media screen and (max-width: 509px) {
    .gcss-theme-light .buttonPrevious a > div {
        position: relative
    }

        .gcss-theme-light .buttonPrevious a > div div {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
}

.gcss-theme-light .buttonPrevious:hover {
    background-color: #252525
}

.gcss-theme-light .buttonPrevious:active {
    background-color: #3a3a3a
}

.gcss-theme-light .buttonPrevious .icon,
.gcss-theme-light .buttonPrevious h1,
.gcss-theme-light .buttonPrevious p {
    color: #fff
}

.gcss-theme-light .buttonNext {
    background-color: #700000
}

    .gcss-theme-light .buttonNext a {
        float: right;
        width: 100%;
        display: block
    }

        .gcss-theme-light .buttonNext a > div {
            width: 100%;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .gcss-theme-light .buttonNext a > div > div {
                padding-left: .71429rem
            }

    .gcss-theme-light .buttonNext:hover {
        background-color: #5d0000
    }

    .gcss-theme-light .buttonNext:active {
        background-color: #340000
    }

    .gcss-theme-light .buttonNext .icon,
    .gcss-theme-light .buttonNext h1,
    .gcss-theme-light .buttonNext p {
        color: #fff
    }

.gcss-theme-dark .buttonPrevious {
    background-color: #414141
}

    .gcss-theme-dark .buttonPrevious a {
        float: left;
        width: 100%;
        display: block
    }

        .gcss-theme-dark .buttonPrevious a > div {
            width: 100%
        }

            .gcss-theme-dark .buttonPrevious a > div > div {
                padding-right: .71429rem
            }

@media screen and (max-width: 509px) {
    .gcss-theme-dark .buttonPrevious a > div {
        position: relative
    }

        .gcss-theme-dark .buttonPrevious a > div div {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
}

.gcss-theme-dark .buttonPrevious:hover {
    background-color: #585858
}

.gcss-theme-dark .buttonPrevious:active {
    background-color: #4d4d4d
}

.gcss-theme-dark .buttonPrevious .icon,
.gcss-theme-dark .buttonPrevious h1,
.gcss-theme-dark .buttonPrevious p {
    color: #fff
}

.gcss-theme-dark .buttonNext {
    background-color: #ba3b00
}

    .gcss-theme-dark .buttonNext a {
        float: right;
        width: 100%;
        display: block
    }

        .gcss-theme-dark .buttonNext a > div {
            width: 100%;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .gcss-theme-dark .buttonNext a > div > div {
                padding-left: .71429rem
            }

    .gcss-theme-dark .buttonNext:hover {
        background-color: #ab3600
    }

    .gcss-theme-dark .buttonNext:active {
        background-color: #892b00
    }

    .gcss-theme-dark .buttonNext .icon,
    .gcss-theme-dark .buttonNext h1,
    .gcss-theme-dark .buttonNext p {
        color: #fff
    }

.key-features-list {
    border: 1px dashed red
}

.vehicle-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .vehicle-options label {
        text-transform: uppercase;
        font-size: .85714rem
    }

    .vehicle-options .config-options,
    .vehicle-options .toggle-options {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .vehicle-options .config-options .toggle-wrapper,
        .vehicle-options .toggle-options .toggle-wrapper {
            padding-bottom: .71429rem
        }

.scrollbar-wrapper {
    width: 90%;
    min-width: 21.42857rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

    .scrollbar-wrapper .scrollbar-transition {
        transition: all .5s ease
    }

    .scrollbar-wrapper .scroll-me {
        min-width: 53.57143rem
    }

    .scrollbar-wrapper .horizontal-scroll-wrapper {
        margin-top: 2.14286rem
    }

        .scrollbar-wrapper .horizontal-scroll-wrapper .horizontal-scroll {
            position: absolute;
            width: 100%;
            height: .71429rem;
            bottom: .35714rem;
            left: 0
        }

            .scrollbar-wrapper .horizontal-scroll-wrapper .horizontal-scroll .horizontal-scroll-handle {
                position: relative;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 .35714rem;
                height: 1.42857rem;
                margin-top: -5px;
                cursor: pointer
            }

            .scrollbar-wrapper .horizontal-scroll-wrapper .horizontal-scroll .gcss-icon-chevron-left {
                margin-right: 1.07143rem
            }

    .scrollbar-wrapper .horizontal-scroll.gcss-theme-light {
        color: #e7e7e7
    }

    .scrollbar-wrapper .horizontal-scroll.gcss-theme-dark {
        color: #212121
    }

body {
    color: #000;
    font-family: Roboto;
    font-size: 1rem
}

.gcss-theme-dark {
    color: #fff
}

    .gcss-theme-dark .gcss-typography-brand-heading,
    .gcss-theme-dark .gcss-typography-brand-heading-1 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase
    }

    .gcss-theme-dark .gcss-typography-brand-heading-1 {
        font-size: 3.57143rem;
        font-weight: 700
    }

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-1 {
        font-size: 2.5rem
    }
}

.gcss-theme-dark .gcss-typography-brand-heading-2 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-2 {
        font-size: 2.14286rem
    }
}

.gcss-theme-dark .gcss-typography-brand-heading-3 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-3 {
        font-size: 1.78571rem
    }
}

.gcss-theme-dark .gcss-typography-brand-heading-4 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-4 {
        font-size: 1.57143rem
    }
}

.gcss-theme-dark .gcss-typography-brand-heading-5 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-5 {
        font-size: 1.57143rem
    }
}

.gcss-theme-dark .gcss-typography-brand-heading-6 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-theme-dark .gcss-typography-brand-heading-6 {
        font-size: 1.42857rem
    }
}

.gcss-theme-dark .gcss-typography-utility-heading-1 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-utility-heading-2 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 500
}

.gcss-theme-dark .gcss-typography-utility-heading-3 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-utility-heading-4 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500
}

.gcss-theme-dark .gcss-typography-utility-heading-5 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

.gcss-theme-dark .gcss-typography-utility-heading-6 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.2
}

.gcss-theme-dark .gcss-typography-utility-heading-7 {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-label-1 {
    font-family: Roboto;
    font-size: 1.21429rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-label-2 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-label-3 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

.gcss-theme-dark .gcss-typography-label-4 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-label-5 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.gcss-theme-dark .gcss-typography-label-6 {
    font-family: Roboto Condensed;
    font-size: .71429rem;
    font-weight: 700
}

.gcss-theme-dark .gcss-typography-label-7 {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400
}

.gcss-theme-dark .gcss-typography-label-8 {
    font-family: Roboto;
    font-size: .78571rem;
    font-weight: 400
}

.gcss-theme-dark .gcss-typography-label-9 {
    font-family: Roboto;
    font-size: .57143rem;
    font-weight: 400
}

.gcss-theme-light {
    color: #000
}

    .gcss-theme-light .gcss-typography-brand-heading,
    .gcss-theme-light .gcss-typography-brand-heading-1 {
        color: #333;
        /*font-family: Breakers Slab;*/
        line-height: 1;
        text-transform: uppercase
    }

    .gcss-theme-light .gcss-typography-brand-heading-1 {
        font-size: 3.57143rem;
        font-weight: 700
    }

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-1 {
        font-size: 2.5rem
    }
}

.gcss-theme-light .gcss-typography-brand-heading-2 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-2 {
        font-size: 2.14286rem
    }
}

.gcss-theme-light .gcss-typography-brand-heading-3 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-3 {
        font-size: 1.78571rem
    }
}

.gcss-theme-light .gcss-typography-brand-heading-4 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-4 {
        font-size: 1.57143rem
    }
}

.gcss-theme-light .gcss-typography-brand-heading-5 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-5 {
        font-size: 1.57143rem
    }
}

.gcss-theme-light .gcss-typography-brand-heading-6 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-theme-light .gcss-typography-brand-heading-6 {
        font-size: 1.42857rem
    }
}

.gcss-theme-light .gcss-typography-utility-heading-1 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-utility-heading-2 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 500
}

.gcss-theme-light .gcss-typography-utility-heading-3 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-utility-heading-4 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500
}

.gcss-theme-light .gcss-typography-utility-heading-5 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

.gcss-theme-light .gcss-typography-utility-heading-6 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.2
}

.gcss-theme-light .gcss-typography-utility-heading-7 {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-label-1 {
    font-family: Roboto;
    font-size: 1.21429rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-label-2 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-label-3 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

.gcss-theme-light .gcss-typography-label-4 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-label-5 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.gcss-theme-light .gcss-typography-label-6 {
    font-family: Roboto Condensed;
    font-size: .71429rem;
    font-weight: 700
}

.gcss-theme-light .gcss-typography-label-7 {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400
}

.gcss-theme-light .gcss-typography-label-8 {
    font-family: Roboto;
    font-size: .78571rem;
    font-weight: 400
}

.gcss-theme-light .gcss-typography-label-9 {
    font-family: Roboto;
    font-size: .57143rem;
    font-weight: 400
}

.gcss-typography-brand-heading,
.gcss-typography-brand-heading-1 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase
}

.gcss-typography-brand-heading-1 {
    font-size: 3.57143rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-1 {
        font-size: 2.5rem
    }
}

.gcss-typography-brand-heading-2 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.85714rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-2 {
        font-size: 2.14286rem
    }
}

.gcss-typography-brand-heading-3 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.71429rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-3 {
        font-size: 1.78571rem
    }
}

.gcss-typography-brand-heading-4 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-4 {
        font-size: 1.57143rem
    }
}

.gcss-typography-brand-heading-5 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-5 {
        font-size: 1.57143rem
    }
}

.gcss-typography-brand-heading-6 {
    color: #333;
    /*font-family: Breakers Slab;*/
    line-height: 1;
    text-transform: uppercase;
    font-size: 2.14286rem;
    font-weight: 400
}

@media screen and (max-width: 699px) {
    .gcss-typography-brand-heading-6 {
        font-size: 1.42857rem
    }
}

.gcss-typography-utility-heading-1 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 700
}

.gcss-typography-utility-heading-2 {
    font-family: Roboto;
    font-size: 2.28571rem;
    font-weight: 500
}

.gcss-typography-utility-heading-3 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 700
}

.gcss-typography-utility-heading-4 {
    font-family: Roboto;
    font-size: 1.78571rem;
    font-weight: 500
}

.gcss-typography-utility-heading-5 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.2
}

.gcss-typography-utility-heading-6 {
    font-family: Roboto;
    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.2
}

.gcss-typography-utility-heading-7 {
    font-family: Roboto;
    font-size: 2.85714rem;
    font-weight: 700
}

.gcss-typography-label-1 {
    font-family: Roboto;
    font-size: 1.21429rem;
    font-weight: 700
}

.gcss-typography-label-2 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700
}

.gcss-typography-label-3 {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400
}

.gcss-typography-label-4 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 700
}

.gcss-typography-label-5 {
    font-family: Roboto;
    font-size: .85714rem;
    font-weight: 400
}

.gcss-typography-label-6 {
    font-family: Roboto Condensed;
    font-size: .71429rem;
    font-weight: 700
}

.gcss-typography-label-7 {
    font-family: Roboto;
    font-size: .71429rem;
    font-weight: 400
}

.gcss-typography-label-8 {
    font-family: Roboto;
    font-size: .78571rem;
    font-weight: 400
}

.gcss-typography-label-9 {
    font-family: Roboto;
    font-size: .57143rem;
    font-weight: 400
}

.gcss-typography-font-brand-primary {
    font-family: Breakers Slab
}

.gcss-typography-font-brand-secondary {
    font-family: Breakers
}

.gcss-typography-font-core-primary {
    font-family: Roboto
}

.gcss-typography-font-core-secondary {
    font-family: Roboto Condensed
}

.gcss-typography-font-size-default,
p {
    font-size: 1rem;
    line-height: 1.42857
}

.gcss-typography-font-size-large {
    font-size: 1.14286rem
}

.gcss-typography-font-size-small {
    font-size: .85714rem
}

.gcss-typography-font-size-tiny {
    font-size: .71429rem
}

.gcss-typography-font-size-legal {
    font-size: .85714rem;
    font-style: italic
}

.gcss-theme-dark .gcss-colors-background-primary {
    background-color: #000
}

.gcss-theme-dark .gcss-colors-background-secondary {
    background-color: #212121
}

.gcss-theme-dark .gcss-colors-background-quaternary,
.gcss-theme-dark .gcss-colors-background-tertiary {
    background-color: #3e3e3e
}

.gcss-theme-dark .gcss-colors-background-gutter {
    background-color: #222
}

.gcss-theme-dark .gcss-colors-background-semi-opaque {
    background-color: rgba(0, 0, 0, .8)
}

.gcss-theme-dark .gcss-colors-element-primary {
    background-color: #ba3b00
}

    .gcss-theme-dark .gcss-colors-element-primary:hover {
        background-color: #ab3600
    }

    .gcss-theme-dark .gcss-colors-element-primary:active {
        background-color: #892b00
    }

.gcss-theme-dark .gcss-colors-element-secondary {
    background-color: #414141
}

    .gcss-theme-dark .gcss-colors-element-secondary:hover {
        background-color: #585858
    }

    .gcss-theme-dark .gcss-colors-element-secondary:active {
        background-color: #4d4d4d
    }

.gcss-theme-dark .gcss-colors-element-tertiary {
    background-color: #fff
}

.gcss-theme-dark .gcss-colors-element-accent {
    background-color: #d44e00
}

.gcss-theme-dark .gcss-colors-element-complementary {
    background-color: #601212
}

.gcss-theme-dark .gcss-colors-element-subdued {
    background-color: #bfbfbf
}

.gcss-theme-dark .gcss-colors-element-subdued-dark {
    background-color: #3e3e3e
}

.gcss-theme-dark .gcss-colors-element-error {
    background-color: #f63d3d
}

.gcss-theme-dark .gcss-colors-element-positive {
    background-color: #1cc800
}

.gcss-theme-dark .gcss-colors-element-warning {
    background-color: #ff9700
}

.gcss-theme-dark .gcss-colors-element-disclosure-bubble {
    background-color: #d1d1d1
}

.gcss-theme-dark .gcss-colors-element-disclosure-panel {
    background-color: #000
}

.gcss-theme-dark .gcss-colors-text-body-primary,
.gcss-theme-dark .gcss-colors-text-heading {
    color: #fff
}

.gcss-theme-dark .gcss-colors-text-body-secondary {
    color: #bfbfbf
}

.gcss-theme-dark .gcss-colors-text-body-tertiary {
    color: #fff
}

.gcss-theme-dark .gcss-colors-text-body-subdued {
    color: #7c7c7c
}

.gcss-theme-dark .gcss-colors-text-body-subdued-dark {
    color: #bfbfbf
}

.gcss-theme-dark .gcss-colors-text-element-primary,
.gcss-theme-dark .gcss-colors-text-element-secondary {
    color: #fff
}

.gcss-theme-dark .gcss-colors-text-element-subdued {
    color: #e7e7e7
}

.gcss-theme-dark .gcss-colors-text-disclosure-bubble {
    color: #000
}

.gcss-theme-dark .gcss-colors-text-disclosure-panel {
    color: #fff
}

.gcss-theme-dark .gcss-colors-line-primary {
    border-color: #bfbfbf
}

.gcss-theme-light .gcss-colors-background-primary {
    background-color: #fff
}

.gcss-theme-light .gcss-colors-background-secondary {
    background-color: #e7e7e7
}

.gcss-theme-light .gcss-colors-background-tertiary {
    background-color: #d1d1d1
}

.gcss-theme-light .gcss-colors-background-quaternary {
    background-color: #fff
}

.gcss-theme-light .gcss-colors-background-gutter {
    background-color: #e3e3e3
}

.gcss-theme-light .gcss-colors-background-semi-opaque {
    background-color: hsla(0, 0%, 100%, .8)
}

.gcss-theme-light .gcss-colors-element-primary {
    background-color: #700000
}

    .gcss-theme-light .gcss-colors-element-primary:hover {
        background-color: #5d0000
    }

    .gcss-theme-light .gcss-colors-element-primary:active {
        background-color: #340000
    }

.gcss-theme-light .gcss-colors-element-secondary {
    background-color: #414141
}

    .gcss-theme-light .gcss-colors-element-secondary:hover {
        background-color: #252525
    }

    .gcss-theme-light .gcss-colors-element-secondary:active {
        background-color: #3a3a3a
    }

.gcss-theme-light .gcss-colors-element-tertiary {
    background-color: #700000
}

.gcss-theme-light .gcss-colors-element-accent {
    background-color: #d44e00
}

.gcss-theme-light .gcss-colors-element-complementary {
    background-color: #601212
}

.gcss-theme-light .gcss-colors-element-subdued,
.gcss-theme-light .gcss-colors-element-subdued-dark {
    background-color: #bfbfbf
}

.gcss-theme-light .gcss-colors-element-error {
    background-color: #f02222
}

.gcss-theme-light .gcss-colors-element-positive {
    background-color: #179103
}

.gcss-theme-light .gcss-colors-element-warning {
    background-color: #ca4d01
}

.gcss-theme-light .gcss-colors-element-disclosure-bubble {
    background-color: #3e3e3e
}

.gcss-theme-light .gcss-colors-element-disclosure-panel {
    background-color: #fff
}

.gcss-theme-light .gcss-colors-text-heading {
    color: #333
}

.gcss-theme-light .gcss-colors-text-body-primary {
    color: #000
}

.gcss-theme-light .gcss-colors-text-body-secondary,
.gcss-theme-light .gcss-colors-text-body-subdued,
.gcss-theme-light .gcss-colors-text-body-tertiary {
    color: #636363
}

.gcss-theme-light .gcss-colors-text-body-subdued-dark {
    color: #3e3e3e
}

.gcss-theme-light .gcss-colors-text-element-primary,
.gcss-theme-light .gcss-colors-text-element-secondary {
    color: #fff
}

.gcss-theme-light .gcss-colors-text-element-subdued {
    color: #e7e7e7
}

.gcss-theme-light .gcss-colors-text-disclosure-bubble {
    color: #fff
}

.gcss-theme-light .gcss-colors-text-disclosure-panel {
    color: #000
}

.gcss-theme-light .gcss-colors-line-primary {
    border-color: #bfbfbf
}

.gcss-colors-background-primary {
    background-color: #fff
}

.gcss-colors-background-secondary {
    background-color: #e7e7e7
}

.gcss-colors-background-tertiary {
    background-color: #d1d1d1
}

.gcss-colors-background-quaternary {
    background-color: #fff
}

.gcss-colors-background-gutter {
    background-color: #e3e3e3
}

.gcss-colors-background-semi-opaque {
    background-color: hsla(0, 0%, 100%, .8)
}

.gcss-colors-element-primary {
    background-color: #700000
}

    .gcss-colors-element-primary:hover {
        background-color: #5d0000
    }

    .gcss-colors-element-primary:active {
        background-color: #340000
    }

.gcss-colors-element-secondary {
    background-color: #414141
}

    .gcss-colors-element-secondary:hover {
        background-color: #252525
    }

    .gcss-colors-element-secondary:active {
        background-color: #3a3a3a
    }

.gcss-colors-element-tertiary {
    background-color: #700000
}

.gcss-colors-element-accent {
    background-color: #d44e00
}

.gcss-colors-element-complementary {
    background-color: #601212
}

.gcss-colors-element-subdued,
.gcss-colors-element-subdued-dark {
    background-color: #bfbfbf
}

.gcss-colors-element-error {
    background-color: #f02222
}

.gcss-colors-element-positive {
    background-color: #179103
}

.gcss-colors-element-warning {
    background-color: #ca4d01
}

.gcss-colors-element-disclosure-bubble {
    background-color: #3e3e3e
}

.gcss-colors-element-disclosure-panel {
    background-color: #fff
}

.gcss-colors-text-heading {
    color: #333
}

.gcss-colors-text-body-primary {
    color: #000
}

.gcss-colors-text-body-secondary,
.gcss-colors-text-body-subdued,
.gcss-colors-text-body-tertiary {
    color: #636363
}

.gcss-colors-text-body-subdued-dark {
    color: #3e3e3e
}

.gcss-colors-text-element-primary,
.gcss-colors-text-element-secondary {
    color: #fff
}

.gcss-colors-text-element-subdued {
    color: #e7e7e7
}

.gcss-colors-text-disclosure-bubble {
    color: #fff
}

.gcss-colors-text-disclosure-panel {
    color: #000
}

.gcss-colors-line-primary {
    border-color: #bfbfbf
}

.gcss-theme-dark .gcss-button {
    background-color: #ba3b00;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: Breakers Slab;*/
    font-size: 1.14286rem;
    font-weight: 700;
    line-height: 1;
    padding: .85714rem 3.14286rem .71429rem 1.78571rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out
}

    .gcss-theme-dark .gcss-button:hover {
        background-color: #ab3600;
        text-decoration: none
    }

    .gcss-theme-dark .gcss-button:active {
        background-color: #892b00
    }

    .gcss-theme-dark .gcss-button:focus:active {
        outline: none
    }

    .gcss-theme-dark .gcss-button[disabled] {
        background-color: #3e3e3e;
        color: #000;
        cursor: not-allowed
    }

    .gcss-theme-dark .gcss-button:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 25px;
        top: 50%
    }

.gcss-theme-dark .gcss-button-secondary {
    background-color: #414141;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: Breakers Slab;*/
    font-size: 1.14286rem;
    font-weight: 700;
    line-height: 1;
    padding: .85714rem 3.14286rem .71429rem 1.78571rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out
}

    .gcss-theme-dark .gcss-button-secondary:hover {
        background-color: #585858;
        text-decoration: none
    }

    .gcss-theme-dark .gcss-button-secondary:active {
        background-color: #4d4d4d
    }

    .gcss-theme-dark .gcss-button-secondary:focus:active {
        outline: none
    }

    .gcss-theme-dark .gcss-button-secondary[disabled] {
        background-color: #212121;
        color: #3e3e3e;
        cursor: not-allowed
    }

    .gcss-theme-dark .gcss-button-secondary:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 25px;
        top: 50%
    }

.gcss-theme-dark .gcss-button-tertiary {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 1.21429rem 0 0;
    position: relative;
    text-decoration: none;
    transition: border-color .25s ease-in-out
}

    .gcss-theme-dark .gcss-button-tertiary:hover {
        text-decoration: underline
    }

    .gcss-theme-dark .gcss-button-tertiary:after,
    .gcss-theme-dark .gcss-button-tertiary:before {
        color: #ba3b00;
        text-decoration: none
    }

    .gcss-theme-dark .gcss-button-tertiary:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 0;
        top: 50%
    }

.gcss-theme-dark .gcss-button-block {
    display: block
}

.gcss-theme-dark .gcss-button-square-corners {
    border-radius: 0
}

.gcss-button,
.gcss-theme-light .gcss-button {
    background-color: #700000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: Breakers Slab;*/
    font-size: 1.14286rem;
    font-weight: 700;
    line-height: 1;
    padding: .85714rem 3.14286rem .71429rem 1.78571rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out
}

    .gcss-button:hover,
    .gcss-theme-light .gcss-button:hover {
        background-color: #5d0000;
        text-decoration: none
    }

    .gcss-button:active,
    .gcss-theme-light .gcss-button:active {
        background-color: #340000
    }

    .gcss-button:focus:active,
    .gcss-theme-light .gcss-button:focus:active {
        outline: none
    }

    .gcss-button[disabled],
    .gcss-theme-light .gcss-button[disabled] {
        background-color: #d1d1d1;
        color: #fff;
        cursor: not-allowed
    }

    .gcss-button:after,
    .gcss-theme-light .gcss-button:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 25px;
        top: 50%
    }

    .gcss-button[class*=gcss-icon-],
    .gcss-theme-light .gcss-button[class*=gcss-icon-] {
        padding-left: 3.42857rem
    }

        .gcss-button[class*=gcss-icon-]:before,
        .gcss-theme-light .gcss-button[class*=gcss-icon-]:before {
            display: block;
            font-size: 1.28571rem;
            left: 1.78571rem;
            line-height: 0;
            opacity: .5;
            position: absolute;
            top: 50%
        }

    .gcss-button.gcss-button-plain,
    .gcss-theme-light .gcss-button.gcss-button-plain {
        padding-right: 1.78571rem
    }

        .gcss-button.gcss-button-plain:after,
        .gcss-theme-light .gcss-button.gcss-button-plain:after {
            display: none
        }

        .gcss-button.gcss-button-plain.gcss-icon-align-right,
        .gcss-theme-light .gcss-button.gcss-button-plain.gcss-icon-align-right {
            padding-left: 25px;
            padding-right: 48px
        }

            .gcss-button.gcss-button-plain.gcss-icon-align-right:before,
            .gcss-theme-light .gcss-button.gcss-button-plain.gcss-icon-align-right:before {
                left: auto;
                right: 1.78571rem
            }

.gcss-button-secondary,
.gcss-theme-light .gcss-button-secondary {
    background-color: #414141;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /*font-family: Breakers Slab;*/
    font-size: 1.14286rem;
    font-weight: 700;
    line-height: 1;
    padding: .85714rem 3.14286rem .71429rem 1.78571rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out
}

    .gcss-button-secondary:hover,
    .gcss-theme-light .gcss-button-secondary:hover {
        background-color: #252525;
        text-decoration: none
    }

    .gcss-button-secondary:active,
    .gcss-theme-light .gcss-button-secondary:active {
        background-color: #3a3a3a
    }

    .gcss-button-secondary:focus:active,
    .gcss-theme-light .gcss-button-secondary:focus:active {
        outline: none
    }

    .gcss-button-secondary[disabled],
    .gcss-theme-light .gcss-button-secondary[disabled] {
        background-color: #e7e7e7;
        color: #d1d1d1;
        cursor: not-allowed
    }

    .gcss-button-secondary:after,
    .gcss-theme-light .gcss-button-secondary:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 25px;
        top: 50%
    }

    .gcss-button-secondary[class*=gcss-icon-],
    .gcss-theme-light .gcss-button-secondary[class*=gcss-icon-] {
        padding-left: 3.42857rem
    }

        .gcss-button-secondary[class*=gcss-icon-]:before,
        .gcss-theme-light .gcss-button-secondary[class*=gcss-icon-]:before {
            display: block;
            font-size: 1.28571rem;
            left: 1.78571rem;
            line-height: 0;
            opacity: .5;
            position: absolute;
            top: 50%
        }

    .gcss-button-secondary.gcss-button-plain,
    .gcss-theme-light .gcss-button-secondary.gcss-button-plain {
        padding-right: 1.78571rem
    }

        .gcss-button-secondary.gcss-button-plain:after,
        .gcss-theme-light .gcss-button-secondary.gcss-button-plain:after {
            display: none
        }

        .gcss-button-secondary.gcss-button-plain.gcss-icon-align-right,
        .gcss-theme-light .gcss-button-secondary.gcss-button-plain.gcss-icon-align-right {
            padding-left: 25px;
            padding-right: 48px
        }

            .gcss-button-secondary.gcss-button-plain.gcss-icon-align-right:before,
            .gcss-theme-light .gcss-button-secondary.gcss-button-plain.gcss-icon-align-right:before {
                left: auto;
                right: 1.78571rem
            }

.gcss-button-tertiary,
.gcss-theme-light .gcss-button-tertiary {
    color: #700000;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 1.21429rem 0 0;
    position: relative;
    text-decoration: none;
    transition: border-color .25s ease-in-out
}

    .gcss-button-tertiary:hover,
    .gcss-theme-light .gcss-button-tertiary:hover {
        text-decoration: underline
    }

    .gcss-button-tertiary:after,
    .gcss-button-tertiary:before,
    .gcss-theme-light .gcss-button-tertiary:after,
    .gcss-theme-light .gcss-button-tertiary:before {
        color: #700000;
        text-decoration: none
    }

    .gcss-button-tertiary:after,
    .gcss-theme-light .gcss-button-tertiary:after {
        content: "\E91C";
        font-family: GCSS Icons;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: .75em;
        font-weight: 400;
        line-height: 0;
        position: absolute;
        right: 0;
        top: 50%
    }

    .gcss-button-tertiary[class*=gcss-icon-],
    .gcss-theme-light .gcss-button-tertiary[class*=gcss-icon-] {
        padding-left: 1.42857rem
    }

        .gcss-button-tertiary[class*=gcss-icon-]:before,
        .gcss-theme-light .gcss-button-tertiary[class*=gcss-icon-]:before {
            display: block;
            left: 0;
            line-height: 0;
            position: absolute;
            top: 50%
        }

    .gcss-button-tertiary.gcss-button-plain,
    .gcss-theme-light .gcss-button-tertiary.gcss-button-plain {
        padding-right: 0
    }

        .gcss-button-tertiary.gcss-button-plain:after,
        .gcss-theme-light .gcss-button-tertiary.gcss-button-plain:after {
            display: none
        }

.gcss-theme-light .gcss-button-block {
    display: block
}

.gcss-theme-light .gcss-button-square-corners {
    border-radius: 0
}

.gcss-button-block {
    display: block
}

.gcss-button-square-corners {
    border-radius: 0
}

.gcss-button-align-left {
    text-align: left
}

.gcss-button-align-center {
    text-align: center
}

.gcss-button-align-right {
    text-align: right
}

.gcss-button-group,
.gcss-button-group > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .gcss-button-group > li {
        margin-left: .35714rem;
        width: 100%
    }

        .gcss-button-group > li:first-child {
            margin-left: 0
        }

        .gcss-button-group > li .gcss-button {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            width: 100%
        }

    .gcss-button-group.gcss-button-align-left > li .gcss-button {
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        text-align: left
    }

    .gcss-button-group.gcss-button-align-center > li .gcss-button {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .gcss-button-group.gcss-button-align-left > li .gcss-button {
        -webkit-justify-content: right;
        -ms-flex-pack: right;
        justify-content: right;
        text-align: right
    }

@media screen and (max-width: 699px) {
    .gcss-button-group {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .gcss-button-group > li {
            margin: .35714rem 0 0
        }

            .gcss-button-group > li:first-child {
                margin-top: 0
            }
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

body.scroll-locked {
    overflow: hidden
}

.gcss-page.gutter-theme-dark {
    background-color: #222
}

.gcss-page.gutter-theme-light {
    background-color: #e3e3e3
}

img {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.gcss-theme-hybrid .gcss-colors-background-primary {
    background-color: #009bca
}

.gcss-theme-hybrid .gcss-colors-background-secondary {
    background-color: #e7e7e7
}

.gcss-theme-hybrid .gcss-colors-background-tertiary {
    background-color: #d1d1d1
}

.gcss-theme-hybrid .gcss-colors-background-quaternary {
    background-color: #fff
}

.gcss-theme-hybrid .gcss-colors-background-gutter {
    background-color: #e3e3e3
}

.gcss-theme-hybrid .gcss-colors-background-semi-opaque {
    background-color: hsla(0, 0%, 100%, .8)
}

.gcss-theme-hybrid .gcss-colors-element-primary {
    background-color: #009bca
}

    .gcss-theme-hybrid .gcss-colors-element-primary:hover {
        background-color: #5d0000
    }

    .gcss-theme-hybrid .gcss-colors-element-primary:active {
        background-color: #340000
    }

.gcss-theme-hybrid .gcss-colors-element-secondary {
    background-color: #414141
}

    .gcss-theme-hybrid .gcss-colors-element-secondary:hover {
        background-color: #252525
    }

    .gcss-theme-hybrid .gcss-colors-element-secondary:active {
        background-color: #3a3a3a
    }

.gcss-theme-hybrid .gcss-colors-element-tertiary {
    background-color: #700000
}

.gcss-theme-hybrid .gcss-colors-element-accent {
    background-color: #d44e00
}

.gcss-theme-hybrid .gcss-colors-element-complementary {
    background-color: #601212
}

.gcss-theme-hybrid .gcss-colors-element-subdued,
.gcss-theme-hybrid .gcss-colors-element-subdued-dark {
    background-color: #bfbfbf
}

.gcss-theme-hybrid .gcss-colors-element-error {
    background-color: #f02222
}

.gcss-theme-hybrid .gcss-colors-element-positive {
    background-color: #179103
}

.gcss-theme-hybrid .gcss-colors-element-warning {
    background-color: #ca4d01
}

.gcss-theme-hybrid .gcss-colors-element-disclosure-bubble {
    background-color: #3e3e3e
}

.gcss-theme-hybrid .gcss-colors-element-disclosure-panel {
    background-color: #fff
}

.gcss-theme-hybrid .gcss-colors-text-heading {
    color: #333
}

.gcss-theme-hybrid .gcss-colors-text-body-primary {
    color: #009bca
}

.gcss-theme-hybrid .gcss-colors-text-body-secondary,
.gcss-theme-hybrid .gcss-colors-text-body-subdued,
.gcss-theme-hybrid .gcss-colors-text-body-tertiary {
    color: #636363
}

.gcss-theme-hybrid .gcss-colors-text-body-subdued-dark {
    color: #3e3e3e
}

.gcss-theme-hybrid .gcss-colors-text-element-primary,
.gcss-theme-hybrid .gcss-colors-text-element-secondary {
    color: #fff
}

.gcss-theme-hybrid .gcss-colors-text-element-subdued {
    color: #e7e7e7
}

.gcss-theme-hybrid .gcss-colors-text-disclosure-bubble {
    color: #fff
}

.gcss-theme-hybrid .gcss-colors-text-disclosure-panel {
    color: #000
}

.gcss-theme-hybrid .gcss-colors-line-primary {
    border-color: #bfbfbf
}

.gcss-brand-heading-huge {
    font-size: 7.14286rem
}

.gcss-brand-heading-gigantic {
    font-size: 14.28571rem
}
