@charset "UTF-8";

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

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

[src*="//beacon."] {
    visibility: hidden
}

input[type=number] {
    -moz-appearance: textfield
}

body.wide .container:not(.hero) {
    max-width: 1600px
}

@media (min-width:1440px) {
    .container:not(.hero) {
        max-width: 1600px
    }
}

html {
    scroll-behavior: smooth
}

#skipToMenu {
    display: none
}

#skipToMenu .dropMenu-toggle.skipTo.skipTo {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700
}

#skipToMenu .dropMenu-toggle.skipTo.skipTo:focus {
    background: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700
}

#skipToMenu .dropMenu-toggle.skipTo.skipTo:hover {
    background: #169442;
    border-color: #169442
}

#skipToMenu .caret.caret {
    vertical-align: middle;
    margin-left: 10px;
    border-top-color: #fff
}

#skipToMenu .dropMenu-menu {
    z-index: 50000
}

#skipToMenu .dropMenu-menu>li[role=separator] {
    margin: 0 0 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 4px solid #169442
}

#skipToMenu .dropMenu-menu>li>a:focus {
    color: #fff;
    background: #169442;
    border: 0;
    outline: 0
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -ms-flex-wrap: wrap
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.col-auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%
}

.order-first {
    order: -1;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1
}

.order-last {
    order: 13;
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13
}

.order-0 {
    order: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0
}

.order-1 {
    order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1
}

.order-2 {
    order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2
}

.order-3 {
    order: 3;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3
}

.order-4 {
    order: 4;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4
}

.order-5 {
    order: 5;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5
}

.order-6 {
    order: 6;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6
}

.order-7 {
    order: 7;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7
}

.order-8 {
    order: 8;
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8
}

.order-9 {
    order: 9;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9
}

.order-10 {
    order: 10;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10
}

.order-11 {
    order: 11;
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11
}

.order-12 {
    order: 12;
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1
    }

    .col-sm-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%
    }

    .order-sm-first {
        order: -1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1
    }

    .order-sm-last {
        order: 13;
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13
    }

    .order-sm-0 {
        order: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0
    }

    .order-sm-1 {
        order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1
    }

    .order-sm-2 {
        order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2
    }

    .order-sm-3 {
        order: 3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3
    }

    .order-sm-4 {
        order: 4;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4
    }

    .order-sm-5 {
        order: 5;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5
    }

    .order-sm-6 {
        order: 6;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6
    }

    .order-sm-7 {
        order: 7;
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7
    }

    .order-sm-8 {
        order: 8;
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8
    }

    .order-sm-9 {
        order: 9;
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9
    }

    .order-sm-10 {
        order: 10;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10
    }

    .order-sm-11 {
        order: 11;
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11
    }

    .order-sm-12 {
        order: 12;
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1
    }

    .col-md-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%
    }

    .order-md-first {
        order: -1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1
    }

    .order-md-last {
        order: 13;
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13
    }

    .order-md-0 {
        order: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0
    }

    .order-md-1 {
        order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1
    }

    .order-md-2 {
        order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2
    }

    .order-md-3 {
        order: 3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3
    }

    .order-md-4 {
        order: 4;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4
    }

    .order-md-5 {
        order: 5;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5
    }

    .order-md-6 {
        order: 6;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6
    }

    .order-md-7 {
        order: 7;
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7
    }

    .order-md-8 {
        order: 8;
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8
    }

    .order-md-9 {
        order: 9;
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9
    }

    .order-md-10 {
        order: 10;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10
    }

    .order-md-11 {
        order: 11;
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11
    }

    .order-md-12 {
        order: 12;
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1024px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1
    }

    .col-lg-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%
    }

    .order-lg-first {
        order: -1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1
    }

    .order-lg-last {
        order: 13;
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13
    }

    .order-lg-0 {
        order: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0
    }

    .order-lg-1 {
        order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1
    }

    .order-lg-2 {
        order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2
    }

    .order-lg-3 {
        order: 3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3
    }

    .order-lg-4 {
        order: 4;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4
    }

    .order-lg-5 {
        order: 5;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5
    }

    .order-lg-6 {
        order: 6;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6
    }

    .order-lg-7 {
        order: 7;
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7
    }

    .order-lg-8 {
        order: 8;
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8
    }

    .order-lg-9 {
        order: 9;
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9
    }

    .order-lg-10 {
        order: 10;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10
    }

    .order-lg-11 {
        order: 11;
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11
    }

    .order-lg-12 {
        order: 12;
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1
    }

    .col-xl-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%
    }

    .order-xl-first {
        order: -1;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1
    }

    .order-xl-last {
        order: 13;
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13
    }

    .order-xl-0 {
        order: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0
    }

    .order-xl-1 {
        order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1
    }

    .order-xl-2 {
        order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2
    }

    .order-xl-3 {
        order: 3;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3
    }

    .order-xl-4 {
        order: 4;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4
    }

    .order-xl-5 {
        order: 5;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5
    }

    .order-xl-6 {
        order: 6;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6
    }

    .order-xl-7 {
        order: 7;
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7
    }

    .order-xl-8 {
        order: 8;
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8
    }

    .order-xl-9 {
        order: 9;
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9
    }

    .order-xl-10 {
        order: 10;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10
    }

    .order-xl-11 {
        order: 11;
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11
    }

    .order-xl-12 {
        order: 12;
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1024px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:xl-desktop) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important
}

.flex-column {
    flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important
}

.justify-content-end {
    justify-content: flex-end !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important
}

.justify-content-center {
    justify-content: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important
}

.justify-content-between {
    justify-content: space-between !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important
}

.justify-content-around {
    justify-content: space-around !important;
    -ms-flex-pack: distribute !important
}

.align-items-start {
    align-items: flex-start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important
}

.align-items-end {
    align-items: flex-end !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important
}

.align-items-center {
    align-items: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important
}

.align-items-baseline {
    align-items: baseline !important;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important
}

.align-items-stretch {
    align-items: stretch !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important;
    -ms-flex-item-align: auto !important
}

.align-self-start {
    align-self: flex-start !important;
    -ms-flex-item-align: start !important
}

.align-self-end {
    align-self: flex-end !important;
    -ms-flex-item-align: end !important
}

.align-self-center {
    align-self: center !important;
    -ms-flex-item-align: center !important
}

.align-self-baseline {
    align-self: baseline !important;
    -ms-flex-item-align: baseline !important
}

.align-self-stretch {
    align-self: stretch !important;
    -ms-flex-item-align: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important
    }

    .justify-content-sm-center {
        justify-content: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
        -ms-flex-pack: distribute !important
    }

    .align-items-sm-start {
        align-items: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important
    }

    .align-items-sm-center {
        align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important;
        -ms-flex-item-align: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important;
        -ms-flex-item-align: start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important;
        -ms-flex-item-align: end !important
    }

    .align-self-sm-center {
        align-self: center !important;
        -ms-flex-item-align: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
        -ms-flex-item-align: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
        -ms-flex-item-align: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important
    }

    .justify-content-md-center {
        justify-content: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important
    }

    .justify-content-md-around {
        justify-content: space-around !important;
        -ms-flex-pack: distribute !important
    }

    .align-items-md-start {
        align-items: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important
    }

    .align-items-md-end {
        align-items: flex-end !important;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important
    }

    .align-items-md-center {
        align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important;
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important;
        -ms-flex-item-align: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important;
        -ms-flex-item-align: start !important
    }

    .align-self-md-end {
        align-self: flex-end !important;
        -ms-flex-item-align: end !important
    }

    .align-self-md-center {
        align-self: center !important;
        -ms-flex-item-align: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important;
        -ms-flex-item-align: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important;
        -ms-flex-item-align: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-lg-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important
    }

    .justify-content-lg-center {
        justify-content: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
        -ms-flex-pack: distribute !important
    }

    .align-items-lg-start {
        align-items: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important
    }

    .align-items-lg-center {
        align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important;
        -ms-flex-item-align: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important;
        -ms-flex-item-align: start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important;
        -ms-flex-item-align: end !important
    }

    .align-self-lg-center {
        align-self: center !important;
        -ms-flex-item-align: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
        -ms-flex-item-align: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
        -ms-flex-item-align: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important
    }

    .justify-content-xl-center {
        justify-content: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
        -ms-flex-pack: distribute !important
    }

    .align-items-xl-start {
        align-items: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important;
        -webkit-box-align: end !important;
        -ms-flex-align: end !important
    }

    .align-items-xl-center {
        align-items: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important;
        -ms-flex-item-align: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important;
        -ms-flex-item-align: start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important;
        -ms-flex-item-align: end !important
    }

    .align-self-xl-center {
        align-self: center !important;
        -ms-flex-item-align: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
        -ms-flex-item-align: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
        -ms-flex-item-align: stretch !important
    }
}

.tlite {
    background: #fff;
    border-radius: 4px;
    border-bottom: 4px solid #169442;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .75px;
    line-height: 20px;
    opacity: 0;
    margin-top: -10px;
    max-width: 273px;
    padding: 24px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    visibility: hidden;
    z-index: 20000;
    -webkit-backface-visibility: hidden
}

.tlite-table td,
.tlite-table th {
    position: relative
}

.tlite-visible {
    opacity: 1;
    visibility: visible
}

.tlite::before {
    background: inherit;
    content: ' ';
    display: block;
    height: 10px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.tlite-n::before {
    left: 50%;
    margin-left: -5px;
    top: -3px
}

.tlite-nw::before {
    left: 10px;
    top: -3px
}

.tlite-ne::before {
    right: 10px;
    top: -3px
}

.tlite-s::before {
    bottom: -3px;
    left: 50%;
    margin-left: -5px
}

.tlite-se::before {
    bottom: -3px;
    right: 10px
}

.tlite-sw::before {
    bottom: -3px;
    left: 10px
}

.tlite-w::before {
    left: -3px;
    margin-top: -5px;
    top: 50%
}

.tlite-e::before {
    margin-top: -5px;
    right: -3px;
    top: 50%
}

.popper,
.tooltip {
    position: absolute;
    background: #fff;
    border-radius: 4px;
    border-bottom: 4px solid #169442;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .24);
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .75px;
    line-height: 20px;
    padding: 24px;
    text-align: left;
    text-transform: none;
    width: 273px;
    z-index: 999
}

.style5 .tooltip {
    background: #1e252b;
    color: #fff;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    border-color: #fff
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1e252b
}

.popper[x-placement^=top],
.tooltip[x-placement^=top] {
    border-bottom: 0;
    border-top: 4px solid #169442;
    margin-bottom: 5px
}

.popper[x-placement^=top] .popper__arrow,
.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(45%);
    margin-top: 0;
    margin-bottom: 0
}

.popper[x-placement^=bottom],
.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.popper[x-placement^=bottom] .popper__arrow,
.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(45%);
    margin-top: 0;
    margin-bottom: 0
}

.popper[x-placement^=right],
.tooltip[x-placement^=right] {
    margin-left: 5px
}

.popper[x-placement^=right] .popper__arrow,
.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(45%);
    margin-left: 0;
    margin-right: 0
}

.popper[x-placement^=left],
.tooltip[x-placement^=left] {
    margin-right: 5px
}

.popper[x-placement^=left] .popper__arrow,
.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(45%);
    margin-left: 0;
    margin-right: 0
}

.tooltip-close {
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 15px;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px
}

.tooltip-close svg {
    fill: #169442;
    height: 15px;
    stroke: #fff;
    stroke-width: 3px;
    width: 15px
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: ' ';
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    background: #ececec;
    border-radius: 83px
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: #169442;
    border-radius: 83px;
    left: 0;
    right: 0
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 9px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 9px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: '';
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: "";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -50px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0
}

.slick-dots li .slick-dot {
    border: 0;
    background: #d8d8d8;
    border-radius: 50%;
    display: block;
    height: 13px;
    width: 13px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li.slick-active .slick-dot {
    background: #169442
}

@keyframes drift-fadeZoomIn {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes drift-fadeZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    15% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes drift-fadeZoomIn {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes drift-fadeZoomOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    15% {
        -webkit-transform: scale(1.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
}

.drift-zoom-pane {
    background: #fff;
    border: 1px solid #090101;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 2
}

.drift-zoom-pane.drift-opening {
    animation: drift-fadeZoomIn 180ms ease-out;
    -webkit-animation: drift-fadeZoomIn 180ms ease-out
}

.drift-zoom-pane.drift-closing {
    animation: drift-fadeZoomOut 210ms ease-in;
    -webkit-animation: drift-fadeZoomOut 210ms ease-in
}

.drift-zoom-pane.drift-inline {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .3)
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.rc-slider {
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.rc-slider * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.rc-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #ececec;
    height: 6px;
    border-radius: 6px
}

.rc-slider-track {
    position: absolute;
    left: 0;
    height: 6px;
    border-radius: 6px;
    background-color: #169442
}

.rc-slider-handle {
    position: absolute;
    width: 29px;
    height: 29px;
    cursor: pointer;
    cursor: -webkit-grab;
    margin-top: -11px;
    cursor: grab;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.rc-slider-handle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: solid 3px #169442;
    border-radius: 50%
}

.rc-slider-handle-click-focused:focus {
    border-color: #169442
}

.rc-slider-handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 6px;
    background: 0 0
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.rc-slider-dot-active {
    border-color: #169442
}

.rc-slider-dot-reverse {
    margin-left: 0;
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed !important
}

.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    left: 5px;
    bottom: 0;
    width: 4px
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:first-child {
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-slider-tooltip-zoom-down-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block !important;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    -webkit-animation-name: rcSliderTooltipZoomDownIn;
    animation-name: rcSliderTooltipZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    -webkit-animation-name: rcSliderTooltipZoomDownOut;
    animation-name: rcSliderTooltipZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.rc-slider-tooltip-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes rcSliderTooltipZoomDownOut {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }
}

.rc-slider-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.rc-slider-tooltip * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px 0
}

.rc-slider-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px #d9d9d9;
    box-shadow: 0 0 4px #d9d9d9
}

.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c
}

.accordion-icon {
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px
}

.accordion-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-black {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff
}

.btn-black:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.btn-red {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700
}

.btn-red:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .btn-red:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.btn-gray {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #d8d8d8;
    border-color: #d8d8d8;
    color: #4a4a4a
}

.btn-gray:hover {
    background: #d8d8d8;
    border-color: #d8d8d8
}

.btn-transparent {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: 0 0;
    border: 0;
    color: #169442
}

.btn-transparent:hover {
    color: #169442
}

.btn-outline {
    border: 2px solid #090101;
    border-radius: 4px;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: 0 0;
    border-color: #169442;
    border-width: 1px;
    color: #090101;
    cursor: pointer;
    margin-top: 40px;
    padding: 15px
}

.btn-outline:hover {
    background: #fff;
    color: #169442
}

.btn-outline-thin {
    border-width: 1px
}

.btn--processing {
    background: #169442;
    border-color: #169442
}

.btn--processing:after {
    -webkit-animation: ellipsis steps(4, end) 1.5s infinite;
    animation: ellipsis steps(4, end) 1.5s infinite;
    content: "\2026";
    display: inline-block;
    overflow: hidden;
    position: absolute;
    vertical-align: bottom;
    width: 0
}

.btn--disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

@keyframes ellipsis {
    to {
        width: .875em
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: .875em
    }
}

.btn-success {
    background: #86c540;
    border-color: #86c540;
    color: #86c540;
    position: relative
}

.btn-success:hover {
    background: #86c540;
    border-color: #86c540
}

.btn-success__icon {
    border: 3px solid #fff;
    border-radius: 50%;
    display: none;
    height: 31px;
    left: calc(50% - 15px);
    padding: 5px;
    position: absolute;
    top: calc(50% - 15px);
    width: 31px
}

.btn-success .btn-success__icon {
    display: inline-block
}

.btn-success__icon svg {
    fill: #fff;
    height: 15px;
    left: 5px;
    position: absolute;
    width: 15px
}

.checkbox {
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 12px;
    padding-left: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox .small {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.checkbox-group__button .checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 72px;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 20px 73px 20px 24px;
    z-index: 1
}

.checkbox-group__button .checkbox:hover .label {
    color: #169442
}

.checkbox .bg {
    background-color: #f3f3f3;
    border: 1px solid #ececec;
    border-radius: 6px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 2
}

.checkbox .label {
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 2
}

.checkbox input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkbox input:checked~.checkmark {
    background-color: #fff
}

.checkbox input:checked~.checkmark:after {
    display: block
}

.checkbox input:checked~.bg {
    background: #169442
}

.checkbox input:checked~.label {
    color: #fff
}

.checkbox input:checked:hover~.label {
    color: #fff
}

.checkbox-group__button .checkbox input:checked:focus~.checkmark {
    -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, .8);
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, .8)
}

.checkbox input:focus~.checkmark {
    -webkit-box-shadow: 0 0 2px 2px rgba(223, 28, 33, .8);
    box-shadow: 0 0 2px 2px rgba(223, 28, 33, .8)
}

.checkbox .checkmark {
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 22px;
    z-index: 1
}

.checkbox-group__button .checkbox .checkmark {
    height: 35px;
    left: auto;
    right: 20px;
    top: calc(50% - 18px);
    width: 35px;
    z-index: 3
}

.checkbox .checkmark:after {
    background: #169442;
    border-radius: 50%;
    content: "";
    display: none;
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px
}

.checkbox-group__button .checkbox .checkmark:after {
    background: 0 0;
    border: solid #169442;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    height: 12px;
    left: 14px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px
}

.checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 62px
}

.checkbox-group:last-child {
    margin-bottom: 0
}

.checkbox-group__button {
    margin-bottom: 16px;
    width: 100%
}

@media screen and (min-width:768px) {
    .checkbox-group__button {
        margin-bottom: 24px;
        width: calc(50% - 12px)
    }
}

@media screen and (min-width:1024px) {
    .checkbox-group__button {
        width: calc(33.33% - 24px)
    }
}

.checkbox--all {
    border-bottom: 2px solid #169442;
    margin-bottom: 32px;
    padding-bottom: 9px;
    width: 100%
}

@media screen and (min-width:768px) {
    .checkbox--all {
        padding-bottom: 12px
    }
}

.checkbox--all-sections {
    margin-bottom: 45px;
    margin-top: 31px
}

@media screen and (min-width:768px) {
    .checkbox--all-sections {
        margin-bottom: 34px;
        margin-top: 15px
    }
}

@media screen and (min-width:1024px) {
    .checkbox--all-sections {
        margin-top: 25px
    }
}

.cta-right-arrow {
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s
}

.cta-right-arrow:hover {
    color: #169442
}

.cta-right-arrow svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.dealer-to-door-banner {
    background: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 0
}

.dealer-to-door-banner.with-cta {
    padding: 12px 0;
    cursor: pointer;
    text-decoration: none
}

.dealer-to-door-banner__icon-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dealer-to-door-banner__icon-container img {
    height: 41px
}

.with-cta .dealer-to-door-banner__icon-container img {
    height: 31px;
    margin: 10px 0
}

.dealer-to-door-banner__cta-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 3px solid #169442
}

.dealer-to-door-banner__cta-container .btn-outline {
    margin: 0;
    border: 2px solid #169442;
    color: #169442;
    font-family: Roboto, sans-serif;
    letter-spacing: .25px;
    padding: 9px 10px;
    font-size: 10px;
    height: 36px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .dealer-to-door-banner {
        background: #fff;
        margin-bottom: 16px;
        border: 2px solid #169442;
        padding: 20px 0
    }

    .dealer-to-door-banner.with-cta {
        padding: 12px 0
    }

    .dealer-to-door-banner__icon-container img {
        height: 61px
    }

    .with-cta .dealer-to-door-banner__icon-container img {
        margin: 7px 0;
        height: 61px
    }

    .dealer-to-door-banner__cta-container {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -ms-flex-preferred-size: 41.93%;
        flex-basis: 41.93%
    }

    .dealer-to-door-banner__cta-container .btn-outline {
        height: 48px;
        padding: 15px 42px;
        letter-spacing: .36px;
        line-height: 16px;
        font-size: 14px
    }
}

@media screen and (min-width:1024px) {
    .dealer-to-door-banner__cta-container {
        -ms-flex-preferred-size: 45.17%;
        flex-basis: 45.17%
    }
}

.disclaimer,
.gallery-disclaimer,
.specs-disclaimer,
.specs-disclaimer-overlay,
.trim-disclaimer {
    cursor: pointer;
    position: relative
}

.disclaimer.has-question,
.gallery-disclaimer.has-question,
.specs-disclaimer-overlay.has-question,
.specs-disclaimer.has-question,
.trim-disclaimer.has-question {
    background-color: #ececec;
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px
}

.disclaimer.disclaimer__click-disable,
.gallery-disclaimer.disclaimer__click-disable,
.specs-disclaimer-overlay.disclaimer__click-disable,
.specs-disclaimer.disclaimer__click-disable,
.trim-disclaimer.disclaimer__click-disable {
    pointer-events: none
}

.disclaimer.disclaimer__click-disable .asterisk-icon,
.gallery-disclaimer.disclaimer__click-disable .asterisk-icon,
.specs-disclaimer-overlay.disclaimer__click-disable .asterisk-icon,
.specs-disclaimer.disclaimer__click-disable .asterisk-icon,
.trim-disclaimer.disclaimer__click-disable .asterisk-icon {
    display: none
}

.disclaimer-question {
    color: #169442;
    font: bold 18px/24px Roboto, sans-serif
}

.asterisk-icon {
    height: 10px;
    margin-bottom: 4px;
    margin-left: 3px;
    width: 10px
}

.image-disclaimer .asterisk-icon {
    margin-bottom: 7px
}

.show-first-child-only {
    display: none
}

.show-first-child-only:first-child {
    display: block
}

.filter-search-form {
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .filter-search-form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #ececec;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        width: 550px
    }
}

.filter-search-input {
    background-color: #ececec;
    border: 0;
    border-radius: 4px;
    height: 65px;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%
}

@media screen and (min-width:768px) {
    .filter-search-input {
        margin-bottom: 0
    }
}

.filter-search-input::-webkit-input-placeholder {
    color: #4a4a4a
}

.filter-search-input::-moz-placeholder {
    color: #4a4a4a
}

.filter-search-input::-ms-input-placeholder {
    color: #4a4a4a
}

.filter-search-input::placeholder {
    color: #4a4a4a
}

.filter-apply {
    margin-right: 10px
}

@media screen and (min-width:768px) {
    .filter-apply.filter-apply {
        margin-top: 0;
        min-width: 180px
    }
}

@media screen and (min-width:768px) {
    .filter-selects {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.filter-select-wrap {
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:768px) {
    .filter-select-wrap {
        margin-bottom: 15px;
        width: calc(50% - 10px)
    }
}

.filter-select-trigger {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    cursor: pointer;
    padding: 17px 45px 17px 20px;
    position: relative;
    text-align: left;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    z-index: 2
}

.filter-select-trigger:hover .filter-select-icon {
    background: #169442
}

.filter-select-wrap.disabled .filter-select-trigger {
    pointer-events: none
}

.filter-select-text {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.active .filter-select-text {
    color: rgba(223, 27, 33, .95)
}

.filter-select-wrap.disabled .filter-select-text {
    color: #747474
}

.filter-select-icon {
    background: #169442;
    border-radius: 4px;
    height: 25px;
    margin-top: -12px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 25px
}

.filter-select-icon svg {
    fill: #fff;
    height: 14px;
    left: 5px;
    margin-top: 1px;
    position: absolute;
    width: 14px
}

.filter-select-icon .filter-select-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.filter-select-icon .filter-select-icon--up {
    margin-top: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.filter-select-wrap.active .filter-select-icon {
    background: #169442
}

.filter-select-wrap.active .filter-select-icon .filter-select-icon--down {
    opacity: 0
}

.filter-select-wrap.active .filter-select-icon .filter-select-icon--up {
    opacity: 1
}

.filter-select-wrap.disabled .filter-select-icon {
    background: #ececec
}

.filter-select-outer {
    height: 0;
    overflow: hidden
}

.filter-select-wrap.active .filter-select-outer {
    height: auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.filter-select-list {
    background: #fff;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    list-style-type: none;
    margin: 0;
    margin-top: 8px;
    opacity: 0;
    padding: 14px 14px 14px 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    visibility: hidden;
    width: 100%;
    z-index: -1000
}

.filter-select-list:after,
.filter-select-list:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    left: 5%;
    position: absolute;
    z-index: 1
}

.filter-select-list:after {
    border-bottom-color: #fff
}

.filter-select-list:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

.filter-select-list-inner {
    list-style-type: none;
    margin: 0;
    padding: 0;
    scrollbar-3dlight-color: transparent;
    scrollbar-arrow-color: #ececec;
    scrollbar-base-color: #169442;
    scrollbar-dark-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: #169442;
    scrollbar-track-color: #ececec;
    scrollbar-width: thin
}

.filter-select-list-inner::-webkit-scrollbar {
    -webkit-appearance: none;
    border-radius: 10px;
    width: 8px
}

.filter-select-list-inner::-webkit-scrollbar-track {
    background-color: #ececec;
    border-radius: 10px
}

.filter-select-list-inner::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px;
    outline: 1px solid transparent
}

.filter-select-wrap.active .filter-select-list {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    visibility: visible;
    z-index: 9999
}

.filter-select-item {
    padding: 14px 0
}

.filter-select-value {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #090101;
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 8px 24px;
    position: relative;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.filter-select-value:before {
    background: 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 5px
}

.filter-select-value.current,
.filter-select-value:hover {
    color: #169442
}

.filter-select-value.current:before {
    background: #169442
}

[data-close] {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.filter-select-wrap.active [data-close] {
    display: block
}

@media screen and (min-width:768px) {
    .filter-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 10px
    }
}

@media screen and (min-width:768px) {

    .filter-apply,
    .filter-reset {
        margin-top: 15px
    }
}

@media screen and (min-width:768px) {
    .filter-apply {
        min-width: 220px
    }
}

.filter-reset {
    background: 0 0;
    border: 0;
    color: #169442
}

@media screen and (min-width:768px) {
    .filter-reset {
        margin-right: 40px
    }
}

.filter-indicator {
    background: #169442;
    content: "";
    left: 0;
    margin-top: 14px;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 4px
}

.filter-triggers-wrapper {
    border-bottom: 4px solid #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .filter-triggers-wrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.filter-tabs-last-updated {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 40px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .filter-tabs-last-updated {
        margin: 0 0 11px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 50px
    }
}

.filter-triggers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 10px
}

@media screen and (min-width:768px) {
    .filter-triggers {
        margin-top: 40px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.filter-trigger {
    color: #090101;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    list-style: none;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: width .3s ease, color .3s ease;
    transition: width .3s ease, color .3s ease;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .filter-trigger+.filter-trigger {
        margin-left: 35px
    }
}

.filter-trigger.current,
.filter-trigger:hover {
    color: #169442
}

.filter-trigger.current button,
.filter-trigger:hover button {
    color: #169442
}

.filter-trigger:before {
    border-color: #169442 transparent transparent transparent;
    border-style: solid;
    border-width: 0 6px 0;
    content: '';
    height: 0;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: calc(100% + 4px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.filter-trigger.current:before {
    border-top-width: 6px
}

.filter-trigger button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 11px 15px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .filter-trigger button {
        padding: 11px 25px
    }
}

.filter-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 35px 25px 55px
}

@media screen and (min-width:768px) {
    .filter-wrapper {
        padding: 55px 50px
    }
}

.filter-apply,
.filter-reset {
    margin-top: 10px;
    width: 100%
}

@media screen and (min-width:768px) {

    .filter-apply,
    .filter-reset {
        width: auto
    }
}

.filter-apply:disabled,
.filter-reset:disabled {
    cursor: default;
    opacity: .25
}

.filter-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 20px 0 40px;
    padding: 0
}

@media screen and (min-width:768px) {
    .filter-tips {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.filter-tip {
    color: #169442;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .filter-tip {
        margin-right: 58px
    }
}

@media screen and (min-width:768px) {
    .filter-tip:last-child {
        margin-right: 0
    }
}

.filter-helper-text {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase
}

.filter-actions+.filter-helper-text {
    margin-top: 60px
}

.gallery-swatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 21px -3px 20px;
    padding: 0
}

@media screen and (min-width:768px) {
    .gallery-swatch {
        margin-bottom: 30px
    }
}

.gallery-swatch-item {
    border: 1px solid #e7e7e7;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 60px -7px #b4b4b4;
    box-shadow: inset 0 0 60px -7px #b4b4b4;
    cursor: pointer;
    margin: 10px 3px;
    padding: 7px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width:768px) {
    .gallery-swatch-item {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .gallery-swatch-item {
        margin: 10px 3px
    }
}

.gallery-swatch-item .tlite {
    margin-top: -5px
}

.gallery-swatch-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    display: block;
    height: 32px;
    padding: 3px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 70px
}

.gallery-swatch-icon {
    fill: #fff;
    height: 12px;
    visibility: hidden;
    width: 12px
}

.checked .gallery-swatch-icon {
    visibility: visible
}

.reverse .gallery-swatch-icon {
    fill: #169442
}

.black .gallery-swatch-icon {
    fill: #090101
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.bg-lazyload {
    background-image: none !important
}

.load-more-button-wrap {
    text-align: center
}

.load-more-wrap {
    margin-bottom: 40px
}

@media screen and (min-width:1024px) {
    .load-more-wrap .feature-header {
        margin-bottom: 10px;
        margin-top: 0;
        padding-left: 15px
    }
}

.load-more-text-wrap>.text-row~.text-row {
    display: none
}

.load-more-text-wrap>.text-row~.text-row.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.load-more {
    cursor: pointer;
    margin-top: 40px;
    padding: 15px;
    width: 100%
}

@media screen and (min-width:768px) {
    .load-more {
        margin-bottom: 40px;
        margin-top: 40px;
        width: auto;
        padding: 15px 120px
    }
}

.text-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.text-block {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all .5s cubic-bezier(.19, 1, .22, 1);
    transition: all .5s cubic-bezier(.19, 1, .22, 1);
    width: 100%
}

@media screen and (min-width:1024px) {
    .text-block {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 0 15px;
        width: 50%
    }
}

.text-block:first-child {
    max-height: 400px;
    opacity: 1
}

.text-block:nth-child(2) {
    max-height: 400px;
    opacity: 1
}

.text-block-container.show .text-block {
    max-height: 400px;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.no-results {
    font-size: 16px;
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .no-results {
        padding-left: 50px;
        padding-right: 50px
    }
}

.no-results-0 {
    background-color: #169442;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 25px
}

.hidden {
    visibility: hidden
}

.pageNumbers {
    color: rgba(0, 0, 0, .88);
    font-weight: 700;
    margin: 40px;
    text-align: center
}

.pageNavigation {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0 14px;
    padding: 5px;
    vertical-align: middle
}

.pageNavigation:disabled {
    cursor: default;
    opacity: .5
}

.pageNavigation svg {
    fill: #169442;
    height: 14px;
    position: relative;
    top: 1px;
    width: 14px
}

.pageNavigation:hover svg {
    fill: #169442
}

.pageNavigation[disabled] svg {
    fill: #090101
}

.pageIndicator {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle
}

.pageOf {
    color: #4a4a4a;
    margin: 0 10px
}

.radiobutton {
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 18px;
    padding-left: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radiobutton input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.radiobutton input:checked~.checkmark {
    background-color: #fff
}

.radiobutton input:checked~.checkmark:after {
    display: block
}

.radiobutton input:checked~.bg {
    background: #169442
}

.radiobutton input:checked~.label {
    color: #fff
}

.radiobutton input:checked:hover~.label {
    color: #fff
}

.radiobutton input:focus~.checkmark {
    -webkit-box-shadow: 0 0 2px 2px rgba(223, 28, 33, .8);
    box-shadow: 0 0 2px 2px rgba(223, 28, 33, .8)
}

.radiobutton .checkmark {
    background-color: rgba(255, 255, 255, .5);
    border: 2px solid #169442;
    border-radius: 4px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 22px;
    z-index: 3
}

.radiobutton .checkmark:after {
    background: #169442;
    border-radius: 50%;
    content: '';
    display: none;
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px
}

.radiobutton .checkmark.circle {
    border-radius: 50%
}

.radiobutton-group {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .radiobutton-group {
        margin-bottom: 24px
    }
}

.radiobutton-group.error .errors {
    display: block
}

.radiobutton-group.error .bg {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.radiobutton-group .errors {
    color: rgba(223, 27, 33, .95);
    display: none;
    font-size: 12px;
    line-height: 24px;
    width: 100%
}

.radiobutton-group .checkbox-group__button {
    margin-bottom: 0
}

.toggle {
    background: #d8d8d8;
    border-radius: 12.5px;
    cursor: pointer;
    display: block;
    height: 25px;
    position: relative;
    -webkit-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out;
    width: 46px
}

.toggle.activeOn {
    background: #169442
}

.toggleSwitch {
    background: #fff;
    border-radius: 10.5px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .88);
    content: ' ';
    font-size: 10px;
    font-weight: 900;
    height: 21px;
    left: 2px;
    letter-spacing: .25px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 33px
}

.toggle.activeOn .toggleSwitch {
    left: auto;
    right: 2px
}

.trim-select-wrap {
    position: relative;
    width: 100%
}

.trim-select-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    padding: 18px 45px 18px 20px;
    position: relative;
    text-align: left;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.active .trim-select-trigger,
.trim-select-trigger:hover {
    background: #169442
}

.trim-select-text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.trim-select-icon {
    border-radius: 3px;
    height: 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    background: #169442;
    fill: #fff;
    margin-top: -12px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 50%
}

.trim-select-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.active .trim-select-icon {
    background: #169442
}

.trim-select-icon svg {
    height: 14px;
    position: absolute;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 14px
}

.active .trim-select-icon--down {
    opacity: 0
}

.trim-select-icon--up {
    opacity: 0
}

.active .trim-select-icon--up {
    opacity: 1
}

.trim-select-outer {
    height: 0;
    overflow: hidden
}

.trim-select-wrap.active .trim-select-outer {
    height: auto
}

.trim-select-list {
    background: #fff;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    list-style-type: none;
    margin: 0;
    margin-top: 8px;
    max-height: 350px;
    opacity: 0;
    overflow-y: auto;
    padding: 14px 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: -1000;
    visibility: hidden
}

.trim-select-list:after,
.trim-select-list:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: '';
    left: 5%;
    position: absolute;
    z-index: 1
}

.trim-select-list:after {
    border-bottom-color: #fff
}

.trim-select-list:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

.trim-select-wrap.active .trim-select-list {
    visibility: visible;
    opacity: 1;
    z-index: 999
}

@media screen and (min-width:768px) {
    .trim-select-list::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: #e9e9e9;
        border-radius: 10px;
        margin: 10px
    }
}

@media screen and (min-width:768px) {
    .trim-select-list::-webkit-scrollbar {
        border-radius: 10px;
        width: 12px
    }
}

@media screen and (min-width:768px) {
    .trim-select-list::-webkit-scrollbar-thumb {
        background-color: #169442;
        border-radius: 10px
    }
}

.trim-select-value {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #090101;
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 22px 24px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.trim-select-value:before {
    background: #169442;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 0
}

.trim-select-value.active-trim,
.trim-select-value:hover {
    color: #169442
}

[data-close] {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.trim-select-wrap.active [data-close] {
    display: block
}

.trim-indicator {
    background: #169442;
    content: '';
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 4px
}

.trim-type-header {
    font-size: 24px;
    padding-left: 60px;
    text-transform: uppercase
}

.trim-type-header .asterisk-icon {
    margin-bottom: 11px
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

@media (min-width:1024px) {
    .viewport-switch {
        position: fixed;
        bottom: 0;
        right: 8px;
        z-index: 999999999;
        background: #fff;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        padding: 10px
    }

    .viewport-switch button {
        margin: 0;
        font-size: 12px;
        padding: 8px 8px;
        height: auto
    }

    .viewport-switch button.active {
        background-color: #169442;
        color: #fff
    }

    .viewport-switch button:first-of-type {
        margin-right: 8px
    }
}

html.menu-open .accessories {
    z-index: 0;
    position: relative
}

.accessories.accessories-listing .subheader {
    height: 100%
}

.accessories.accessories-listing .selected-trim {
    float: none;
    font-size: 18px;
    letter-spacing: .37px;
    line-height: 24px;
    padding: 0
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .selected-trim {
        font-size: 24px
    }
}

.accessories.accessories-listing .filter-triggers-wrapper {
    display: none
}

.accessories.accessories-listing .filter-wrapper {
    background: #fff;
    padding: 12px 0 0
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .filter-wrapper {
        padding: 30px 0
    }
}

.accessories.accessories-listing .filter-trigger {
    display: block
}

@media screen and (min-width:1024px) {
    .accessories.accessories-listing .filter-trigger {
        display: none
    }
}

.accessories.accessories-listing .filter-reset {
    display: none
}

.accessories.accessories-listing .filter-select-text,
.accessories.accessories-listing .filter-select-value {
    text-transform: none
}

.accessories.accessories-listing .main-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .main-header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.accessories.accessories-listing .main-header.access-main-header-appear,
.accessories.accessories-listing .main-header.access-main-header-enter {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.accessories.accessories-listing .main-header.access-main-header-appear-active,
.accessories.accessories-listing .main-header.access-main-header-enter-active {
    opacity: 1
}

.accessories.accessories-listing .main-header.access-main-header-leave {
    opacity: 1
}

.accessories.accessories-listing .main-header.access-main-header-leave-active {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accessories.accessories-listing .update-filter {
    min-width: 182px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .update-filter {
        min-width: 213px
    }
}

@media screen and (max-width:768px - 1) {
    .accessories.accessories-listing .listing-wrap .listing-sub-wrap {
        padding-left: 25px;
        padding-right: 25px
    }
}

.accessories.accessories-listing .listing-wrap .listing-sub-wrap.two-cols {
    background: 0 0
}

.accessories.accessories-listing .listing-sub-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .listing-sub-wrap {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .listing-sub-wrap.two-cols .listing-item {
        width: calc(50% - 7px)
    }

    .accessories.accessories-listing .listing-sub-wrap.two-cols .listing-item:nth-child(odd) {
        margin-right: 7px
    }

    .accessories.accessories-listing .listing-sub-wrap.two-cols .listing-item:nth-child(even) {
        margin-left: 7px
    }
}

.accessories.accessories-listing .listing-img__wrapper {
    padding: 0
}

@media screen and (min-width:1024px) {
    .accessories.accessories-listing .listing-img__wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-width: 100%;
        width: 120px;
        height: 120px
    }
}

.accessories.accessories-listing .listing-img {
    height: auto;
    padding: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .accessories.accessories-listing .listing-img {
        height: auto;
        max-width: 100%
    }
}

.accessories.accessories-listing .collapsed .listing-wrap .listing-img {
    height: auto
}

.accessories.accessories-listing .info-wrap {
    cursor: pointer;
    min-height: auto;
    padding: 0 18px
}

@media screen and (min-width:1024px) {
    .accessories.accessories-listing .info-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        min-height: 110px;
        padding-left: 45px;
        padding-right: 26px
    }
}

.accessories.accessories-listing .cancel-filter {
    min-width: 135px
}

.accessories.accessories-listing .filter-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px
}

.accessories.accessories-listing .filter-apply {
    margin-right: 0;
    min-width: 136px;
    width: auto
}

.accessories.accessories-listing .main-wrap {
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    visibility: visible
}

.accessories.accessories-listing .main-wrap.hide {
    opacity: 0;
    visibility: hidden
}

.accessories.accessories-listing .main-wrap.hide .filter-wrap,
.accessories.accessories-listing .main-wrap.hide .listing-wrap {
    display: none !important
}

.accessories.accessories-listing .filter-panel {
    max-height: 500px;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.accessories.accessories-listing .filter-panel .filter-wrapper {
    opacity: 1;
    -webkit-transition: opacity .7s ease;
    transition: opacity .7s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.accessories.accessories-listing .filter-panel.hide {
    max-height: 0;
    overflow: hidden;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.accessories.accessories-listing .filter-panel.hide .filter-wrapper {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.accessories.accessories-listing .category-filter-trigger {
    background: #169442;
    padding: 10px 45px 10px 20px
}

.accessories.accessories-listing .listing-subheader {
    padding: 0
}

.accessories.accessories-listing .listing-subheader .selected-trim {
    margin-bottom: 32px
}

.accessories {
    padding: 0;
    background: #fff
}

@media screen and (min-width:768px) {
    .accessories:not(.accessories-listing) .header {
        padding-top: 23px
    }
}

.accessories .main-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.accessories .trim-change-mobile {
    font-size: 14px;
    padding-bottom: 20px
}

.accessories .trim-change-mobile .trigger-arrow {
    margin-right: 10px;
    margin-top: -3px
}

.accessories .trim-change-mobile a {
    padding-top: 1px;
    text-transform: uppercase
}

.accessories .header {
    border-bottom: 3px solid #169442
}

.accessories .subheader {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    height: 150px;
    padding: 20px 25px 25px
}

@media screen and (min-width:768px) {
    .accessories .subheader {
        height: 100px;
        padding: 25px 50px 21px
    }
}

.accessories .listing-subheader .sort-wrap {
    margin-bottom: 15px;
    width: 100%
}

@media screen and (min-width:768px) {
    .accessories .listing-subheader .sort-wrap {
        width: 200px
    }
}

.accessories .selected-trim {
    clear: both;
    float: left;
    font-size: 24px;
    font-weight: 700;
    padding: 22px 0 30px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .accessories .selected-trim {
        clear: unset;
        padding-top: 12px;
        padding-left: 0
    }
}

.accessories .filter-header {
    font-size: 16px;
    margin: 0;
    padding: 30px 40px 10px;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .accessories .filter-header {
        padding: 30px 50px 0
    }
}

@media screen and (min-width:1024px) {
    .accessories .filter-header {
        padding: 30px 50px 10px
    }
}

.accessories .filter-trigger {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    padding: 10px 12px 10px 11px;
    position: absolute;
    right: -28px;
    top: 29px;
    z-index: 1000
}

.accessories .filter-trigger:hover:before {
    border-top-width: 0
}

@media screen and (min-width:768px) {
    .accessories .filter-trigger {
        right: -19px
    }
}

@media screen and (min-width:1024px) {
    .accessories .filter-trigger {
        right: -20px
    }
}

.accessories .collapsed .trigger-arrow {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accessories .trigger-arrow {
    fill: #169442;
    height: 14px;
    vertical-align: middle;
    width: 14px
}

.accessories .filter-wrap {
    background: #fff;
    position: relative;
    z-index: 0
}

.accessories .filter-wrap__list-wrapper {
    overflow: hidden;
    -webkit-transition: width .2s ease-out;
    transition: width .2s ease-out;
    width: 30%
}

@media screen and (min-width:768px) {
    .accessories .filter-wrap__list-wrapper {
        width: 315px
    }
}

@media screen and (min-width:1024px) {
    .accessories .filter-wrap__list-wrapper {
        width: 350px
    }
}

.accessories .listing-wrap {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-left: 1px solid #dfdfdf;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.accessories .collapsed .filter-wrap {
    padding-right: 40px
}

.accessories .collapsed .filter-wrap__list-wrapper {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 0
}

.accessories .collapsed .listing-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.accessories .singular-filter-wrap {
    background: #fff;
    height: 100%;
    left: -100%;
    overflow: scroll;
    padding: 40px;
    position: absolute;
    top: 242px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%;
    z-index: 9980
}

@media screen and (min-width:768px) {
    .accessories .singular-filter-wrap {
        top: 0
    }
}

.accessories .singular-filter-wrap.shown {
    left: 0;
    top: 242px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.accessories .singular-filter-wrap .filter-header {
    padding: 0;
    padding-bottom: 20px
}

.accessories .singular-filter-wrap ul {
    padding: 0
}

.accessories .singular-filter-wrap .filter-item {
    margin-right: 0
}

.accessories .levels-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .accessories .levels-wrap {
        width: 315px
    }
}

@media screen and (min-width:1024px) {
    .accessories .levels-wrap {
        width: 350px
    }
}

.accessories .filter-lists {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    background: #fff;
    list-style-type: none;
    -webkit-transition: width .4s ease-out;
    transition: width .4s ease-out;
    width: 0;
    z-index: 999
}

.accessories .filter-lists.show {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transition: width .4s ease-out;
    transition: width .4s ease-out;
    width: 100%
}

.accessories .filter-items-wrap {
    margin-bottom: 50px;
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .accessories .filter-items-wrap {
        padding-left: 35px;
        padding-right: 10px
    }
}

.accessories .toggle-filter-item {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.accessories .toggle-filter-item.category-filter-footer-inline {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.accessories .toggle-filter-item .toggle {
    margin-top: 8px;
    min-width: 48px
}

.accessories .toggle-filter-name {
    color: rgba(0, 0, 0, .88);
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    font-family: Roboto, sans-serif;
    margin-left: 20px;
    padding-top: 10px
}

.accessories .toggle-filter-count {
    color: #4a4a4a;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    padding-top: 10px;
    text-align: right
}

.accessories .prevButton {
    border: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    visibility: hidden
}

.accessories .prevButton .trigger-arrow {
    margin-right: 13px
}

.accessories .prevButtonBtn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    white-space: nowrap
}

.accessories .showPrev .prevButton {
    border-bottom: 4px solid #169442;
    height: 90px;
    padding: 35px 40px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    visibility: visible;
    width: 100%
}

.accessories .showPrev.listing-wrap {
    padding-top: 100px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.accessories .showPrev .choose-trim {
    fill: #169442;
    margin-right: 5px;
    vertical-align: middle;
    width: 12px
}

.accessories .category-filter-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    cursor: pointer;
    padding: 15px 45px 15px 20px;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.accessories .category-filter-trigger:hover,
.active .accessories .category-filter-trigger {
    background: #169442
}

.accessories .category-filter-icon {
    border-radius: 3px;
    height: 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    fill: #fff;
    margin-right: 15px
}

.accessories .category-filter-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accessories .category-filter-text {
    color: rgba(255, 255, 255, .95);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: super
}

.accessories .category-filter-wrap {
    width: 100%
}

.accessories .category-filter-outer {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 9999
}

.accessories .category-filter-wrap.active .category-filter-outer {
    padding-bottom: 80px;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (min-width:768px) {
    .accessories .category-filter-wrap.active .category-filter-outer {
        padding-bottom: 0
    }
}

.accessories .category-filter-header {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: rgba(255, 255, 255, .95);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    margin: 0;
    padding: 15px 25px;
    text-transform: uppercase
}

.accessories .category-filter-list {
    list-style-type: none;
    margin: 0;
    padding: 14px 0;
    width: 100%
}

.accessories .category-filter-list .filter-item {
    margin-right: 0;
    padding: 10px 20px
}

.accessories .category-filter-footer {
    background: #fff;
    bottom: 0;
    -webkit-box-shadow: inset 0 2px 0 0 #ececec;
    box-shadow: inset 0 2px 0 0 #ececec;
    padding: 10px 25px 8px;
    position: fixed;
    text-align: right;
    width: 100%;
    display: none
}

.accessories .active .category-filter-footer {
    display: block
}

.accessories .category-filter-footer-inline {
    background: #fff;
    position: relative;
    text-align: right
}

.accessories .category-filter-reset-wrap {
    height: 50px;
    padding-right: 18px;
    text-align: right
}

.accessories .category-filter-reset {
    background: 0 0;
    border: 0;
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    opacity: 0;
    text-transform: uppercase;
    top: -50px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.accessories .category-filter-reset.active {
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media screen and (min-width:1024px) {
    .accessories .category-filter-reset {
        text-align: right
    }
}

.accessories .category-filter-reset:hover {
    color: rgba(223, 27, 33, .95)
}

.accessories .category-filter-reset-inline {
    top: 10px
}

.accessories .category-filter-reset-inline.active {
    cursor: pointer
}

.accessories .category-filter-reset-icon {
    fill: #169442;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.accessories .category-filter-reset-text {
    vertical-align: super
}

.accessories .cateogry-filter-cancel {
    color: rgba(223, 27, 33, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    margin-right: 50px;
    text-align: center;
    text-transform: uppercase
}

.accessories .cateogry-filter-apply {
    background: #169442;
    border: 0;
    border-radius: 4px;
    color: rgba(255, 255, 255, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 16px 40px;
    text-transform: uppercase
}

.accessories .cateogry-filter-apply:disabled {
    cursor: default;
    opacity: .5
}

.accessories .filter-item {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    color: #4a4a4a;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    list-style-type: none;
    margin-bottom: 10px;
    margin-right: 20px;
    min-width: 150px;
    padding: 10px 15px;
    -webkit-transition: all .5s ease-out .35s;
    transition: all .5s ease-out .35s
}

@media screen and (min-width:768px) {
    .accessories .filter-item {
        margin-right: 10px;
        padding: 10px 10px
    }
}

@media screen and (min-width:1024px) {
    .accessories .filter-item {
        margin-right: 20px
    }
}

.accessories .filter-text {
    padding-top: 10px;
    width: 90%
}

.accessories .filter-circle {
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    height: 40px;
    padding: 10px;
    width: 40px
}

.accessories .filter-check {
    fill: #fff;
    width: 20px
}

.accessories .selected.filter-item {
    background-color: #169442;
    border: 1px solid #169442;
    color: rgba(255, 255, 255, .95);
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.accessories .selected .filter-circle {
    background: #fff;
    border: 1px solid #ac161b;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.accessories .selected .filter-check {
    fill: #169442;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.accessories-landing {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.accessories-landing .banner-module-content {
    padding-bottom: 90px
}

@media screen and (min-width:1024px) {
    .accessories-landing .cta-module-content {
        padding-bottom: 47px;
        padding-top: 30px
    }
}

@media screen and (min-width:1024px) {
    *+.accessories-landing .cta-module-cta {
        margin-top: 10px
    }
}

.accessories-landing h3.cta-module-title {
    margin-top: 0
}

.listing-wrap {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 32px
}

@media screen and (min-width:768px) {
    .listing-wrap {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .listing-wrap {
        padding-left: 50px
    }
}

.listing-wrap .listing-sub-wrap {
    clear: both;
    padding-left: 0
}

.listing-wrap .totalCount {
    display: inline-block;
    font-size: .9em;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .listing-wrap .totalCount {
        font-size: .8em
    }
}

@media screen and (min-width:1024px) {
    .listing-wrap .totalCount {
        font-size: .95em
    }
}

.listing-wrap .listing-item {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 0 18px;
    padding: 10px;
    width: 100%
}

@media screen and (min-width:768px) {
    .listing-wrap .listing-item {
        margin-bottom: 18px;
        padding: 6px;
        padding-right: 0
    }
}

@media screen and (min-width:1024px) {
    .listing-wrap .listing-item {
        margin-bottom: 6px
    }
}

.listing-wrap .listing-img {
    cursor: pointer;
    width: 100%
}

.listing-wrap .listing-img__wrapper {
    padding: 0
}

@media screen and (min-width:1024px) {
    .listing-wrap .listing-img__wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-width: 100%;
        width: 120px;
        height: 120px
    }
}

.listing-wrap .info-wrap {
    min-height: auto;
    padding: 0 15px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .listing-wrap .info-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 120px);
        flex: 0 0 calc(100% - 120px);
        max-width: 100%;
        min-height: 110px;
        padding-left: 45px
    }
}

.listing-wrap .product-info {
    border-bottom: 1px solid #dfdfdf;
    display: block;
    position: relative;
    width: 100%
}

.listing-wrap .to-details {
    background: #169442;
    border: 0;
    border-radius: 5px;
    line-height: 1px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer
}

.listing-wrap .to-details .link-out-arrow {
    fill: #fff;
    height: 13px;
    width: 13px
}

.listing-wrap .to-details:hover {
    background: #169442
}

.listing-wrap .product-title {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin-top: 15px;
    padding-right: 40px
}

@media screen and (min-width:768px) {
    .listing-wrap .product-title {
        margin-bottom: 5px
    }
}

.listing-wrap .product-price {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .33px;
    line-height: 16px;
    margin-top: 0
}

.listing-wrap .links {
    display: block;
    margin-top: 24px
}

@media screen and (min-width:1024px) {
    .listing-wrap .links {
        float: right;
        margin-top: 10px
    }
}

.listing-wrap .link {
    color: rgba(0, 0, 0, .88);
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 20px;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .listing-wrap .link {
        display: inline-block;
        height: 20px;
        margin-bottom: 10px;
        margin-right: 37px
    }
}

@media screen and (min-width:1024px) {
    .listing-wrap .link:last-child {
        margin-right: 0
    }
}

.listing-wrap .link:hover {
    color: #169442;
    text-decoration: underline
}

.listing-wrap .icon {
    fill: #169442;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px
}

.sort-wrap {
    float: right;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

@media screen and (min-width:768px) {
    .sort-wrap {
        width: 200px
    }
}

.sort-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    cursor: pointer;
    fill: #169442;
    margin-top: 5px;
    padding: 15px 45px 15px 20px;
    position: relative;
    text-align: left;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.sort-text {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.sort-icon {
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    background: #fff;
    fill: #169442;
    margin-top: -12px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.sort-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.active .sort-icon {
    fill: #169442;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sort-outer {
    height: 0;
    overflow: hidden
}

.sort-wrap.active .sort-outer {
    height: auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sort-list {
    background: #fff;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    list-style-type: none;
    margin: 0;
    margin-top: 8px;
    opacity: 0;
    padding: 14px 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    z-index: -1000
}

.sort-list:after,
.sort-list:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: '';
    left: 5%;
    position: absolute;
    z-index: 1
}

.sort-list:after {
    border-bottom-color: #fff
}

.sort-list:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

.sort-wrap.active .sort-list {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 999
}

.sort-item {
    padding: 14px 0
}

.sort-value {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #090101;
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    outline-width: 0;
    padding: 8px 24px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.sort-value:before {
    background: #169442;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 0
}

.sort-value.active-trim,
.sort-value:hover {
    color: #169442
}

.sort-value.selected {
    color: #169442
}

[data-close] {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.sort-wrap.active [data-close] {
    display: block
}

.trim-indicator {
    background: #169442;
    content: '';
    height: 35px;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    width: 4px
}

.accessories .toggle-filter-item {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.accessories .toggle-filter-name {
    color: rgba(0, 0, 0, .88);
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 14px;
    padding-top: 10px
}

.accessories .toggle-filter-count {
    color: #4a4a4a;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px
}

.all-models {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-left: 0;
    padding-right: 0
}

.all-models .all-models__section {
    margin: 0 0 36px
}

@media screen and (min-width:768px) {
    .all-models .all-models__section {
        margin: 0 -8px 36px
    }
}

.all-models .trims-container {
    padding-bottom: 23px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .all-models .trims-container {
        padding-left: 50px;
        padding-right: 50px
    }
}

.all-models .trims-container .trim-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto
}

.all-models .trims-container .trim-main .colorswatch-image-container {
    padding: 0
}

.all-models .trims-container .trim-container {
    min-width: auto
}

@media screen and (min-width:768px) {
    .all-models .trims-container .trim-container {
        min-width: auto;
        width: calc(33.33% - 16px);
        margin-bottom: 17px
    }
}

@media screen and (min-width:1024px) {
    .all-models .trims-container .trim-container {
        min-width: auto;
        width: calc(25% - 16px)
    }
}

.all-models .details,
.all-models .select {
    height: 35px;
    padding: 9px 15px
}

.all-models .all-models__section-about-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 80px
}

.all-models .all-models__section-about-cta .btn-outline {
    min-width: 198px
}

.all-models .header {
    padding-bottom: 30px;
    padding-top: 42px
}

.all-models .header .header-title {
    font-size: 30px
}

@media screen and (min-width:768px) {
    .all-models .header {
        padding-bottom: 24px;
        padding-top: 48px
    }

    .all-models .header .header-title {
        font-size: 36px
    }
}

@media screen and (min-width:1024px) {
    .all-models .header {
        padding-bottom: 30px
    }
}

.all-models__section-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.all-models__banner {
    border-bottom: 4px solid #169442;
    margin-bottom: 42px
}

@media screen and (min-width:768px) {
    .all-models__banner {
        margin-bottom: 54px
    }
}

@media screen and (min-width:1024px) {
    .all-models__banner {
        margin-bottom: 65px
    }
}

.all-models__slide {
    float: left
}

.all-models__slide picture {
    display: block
}

.all-models__slide img {
    width: 100%
}

.atv-chooser.container {
    background-color: #fff;
    padding: 0
}

.atv-chooser .header {
    padding-bottom: 31px;
    padding-top: 42px
}

@media screen and (min-width:768px) {
    .atv-chooser .header {
        padding-bottom: 30px;
        padding-top: 48px
    }
}

.atv-chooser .header-title {
    font-size: 30px
}

@media screen and (min-width:768px) {
    .atv-chooser .header-title {
        font-size: 36px
    }
}

.atv-chooser .atv-chooser-enter {
    display: none
}

.atv-chooser .atv-chooser-enter.atv-chooser-enter-active {
    display: block;
    -webkit-animation: scale-display .5s;
    animation: scale-display .5s
}

.atv-chooser .atv-chooser-leave.atv-chooser-leave-active {
    -webkit-animation: scale-display--reversed .3s;
    animation: scale-display--reversed .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.atv-listing-pagination {
    padding-bottom: 30px;
    text-align: center
}

.atv-listing-pagination-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0 14px;
    padding: 5px;
    vertical-align: middle
}

.atv-listing-pagination-trigger:disabled {
    cursor: default;
    opacity: .5
}

.atv-listing-pagination-trigger.hide {
    visibility: hidden
}

.atv-listing-pagination-icon {
    fill: #169442;
    height: 16px;
    width: 16px
}

.atv-listing-pagination-trigger:disabled .atv-listing-pagination-icon {
    fill: #090101
}

.atv-listing-pagination-icon .atv-listing-pagination-trigger:hover {
    fill: #169442
}

.atv-listing-pagination-text {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle
}

.atv-listing-pagination-label {
    color: #4a4a4a;
    margin: 0 10px
}

.atv-listing__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 39px 25px 41px;
    letter-spacing: .49px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .atv-listing__title {
        padding: 40px 50px 33px
    }
}

.atv-listing__columns-wrapper {
    position: relative;
    padding: 48px 25px 106px;
    border-top: 2px solid #ececec;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media (min-width:768px) {
    .atv-listing__columns-wrapper {
        padding: 58px 50px 48px
    }
}

@media (min-width:1024px) {
    .atv-listing__columns-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
}

.atv-listing__filters-display-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .atv-listing__filters-display-trigger {
        width: auto;
        min-width: 270px
    }
}

@media (min-width:1024px) {
    .atv-listing__filters-display-trigger {
        display: none
    }
}

.atv-listing__filters-display-trigger svg {
    width: 20px;
    height: 20px;
    margin-right: 13px;
    fill: #fff
}

.atv-listing__content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 40px
}

@media (min-width:1024px) {
    .atv-listing__content-container {
        padding-bottom: 80px
    }
}

.atv-listing__content-container .btn-outline {
    width: 50%
}

.atv-listing__content-container .atv-listing____section-title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 0;
    width: 100%
}

.atv-listing__content-container .atv-listing____section-title:not(:first-child) {
    margin-top: 32px
}

.atv-listing__atvs {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 24px 0 0;
    padding: 0
}

@media (min-width:768px) {
    .atv-listing__atvs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .atv-listing__atvs {
        margin-top: 0;
        padding: 58px 50px 0;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media (min-width:768px) {
    .atv-listing__atvs .trim-container {
        margin-bottom: 32px
    }
}

@media (min-width:1024px) {
    .atv-listing__atvs .trim-container {
        width: calc(50% - 9px);
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1440px) {
    .atv-listing__atvs .trim-container {
        width: calc(33.3% - 12px);
        margin-left: 0;
        margin-right: 0
    }
}

.atv-listing__atvs .trim-main {
    padding-bottom: 29px
}

@media (min-width:768px) {
    .atv-listing__atvs .trim-main {
        padding-top: 13px
    }
}

.atv-listing__atvs .trim-price {
    padding-top: 12px;
    padding-bottom: 12px
}

.atv-listing__atvs .trim-buttons a {
    font-size: 14px;
    height: 35px;
    padding-top: 8px;
    padding-bottom: 7px
}

.atv-listing-filters {
    position: fixed;
    z-index: 700;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #fff
}

@media (min-width:768px) {
    .atv-listing-filters {
        position: absolute;
        width: 360px;
        min-width: 360px;
        max-width: 360px;
        padding-top: 38px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow: visible
    }
}

@media (min-width:1024px) {
    .atv-listing-filters {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        padding-top: 8px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-transform: none;
        transform: none
    }
}

.atv-listing-filters.expanded {
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:1024px) {
    .atv-listing-filters.expanded {
        -webkit-transform: none;
        transform: none
    }
}

.atv-listing-filters__content-wrapper {
    max-height: calc(100vh - 68px);
    overflow-y: auto
}

@media (min-width:768px) {
    .atv-listing-filters__content-wrapper {
        max-height: 100%
    }
}

.atv-listing-filters__back-wrapper {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    margin: 0 -10px 25px;
    padding: 15px 25px
}

@media (min-width:768px) {
    .atv-listing-filters__back-wrapper {
        padding: 0;
        border: 0;
        margin: 0;
        background: 0 0
    }
}

@media (min-width:1024px) {
    .atv-listing-filters__back-wrapper {
        display: none
    }
}

.atv-listing-filters__header-title {
    margin: 0;
    color: rgba(255, 255, 255, .95);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .atv-listing-filters__header-title {
        display: none
    }
}

.atv-listing-filters__footer {
    background: #fff;
    border-top: 2px solid #ececec;
    bottom: 0;
    left: 0;
    padding: 8px 25px;
    position: fixed;
    text-align: right;
    width: 100%;
    z-index: 2
}

@media screen and (min-width:768px) {
    .atv-listing-filters__footer {
        display: none
    }
}

.atv-listing-filters__footer-cancel {
    font-weight: 700;
    padding-left: 33px;
    padding-right: 33px
}

.atv-listing-filters__footer-apply {
    padding-left: 38px;
    padding-right: 38px
}

.atv-listing-filters__back {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0
}

@media (min-width:768px) {
    .atv-listing-filters__back {
        font-size: 0;
        position: absolute;
        top: 18px;
        right: -25px;
        width: 50px;
        height: 50px;
        opacity: 0;
        pointer-events: none;
        color: transparent;
        border-radius: 50%;
        border: 2px solid #ececec;
        background-color: #fff;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:768px) {
    .expanded .atv-listing-filters__back {
        opacity: 1;
        pointer-events: auto
    }
}

.atv-listing-filters__back:hover {
    color: #169442
}

.atv-listing-filters__close {
    display: none
}

@media (min-width:768px) {
    .atv-listing-filters__close {
        display: block;
        width: 14px;
        height: 14px;
        margin-top: 1px;
        fill: #169442
    }
}

@media (min-width:768px) {
    .atv-listing-filters__sections-wrapper {
        overflow: auto;
        height: 100%
    }
}

.atv-listing-filters__sections {
    padding-right: 23px;
    padding-left: 23px
}

@media (min-width:768px) {
    .atv-listing-filters__sections {
        padding-right: 43px;
        padding-left: 53px
    }
}

.atv-listing-filters__section {
    margin-top: 30px;
    margin-bottom: 30px
}

.atv-listing-filters__title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.atv-listing-filters__list {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0
}

.atv-listing-filter {
    font-family: Roboto, sans-serif;
    font-size: 14px
}

.atv-listing-filter .disclaimer .asterisk-icon {
    margin: 0 0 0 3px
}

.atv-listing-filter__label {
    margin: 0;
    max-width: calc(90%)
}

.atv-listing-filter__trigger {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    position: relative;
    display: block;
    overflow: visible;
    padding: 28px 28px 28px 60px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    border: 0;
    color: rgba(0, 0, 0, .88);
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:768px) {
    .atv-listing-filter__trigger {
        text-transform: uppercase
    }
}

.atv-listing-filter__trigger.disabled .atv-listing-filter__count,
.atv-listing-filter__trigger.disabled .atv-listing-filter__name,
.atv-listing-filter__trigger.disabled .toggle {
    opacity: .5
}

.atv-listing-filter__trigger .toggle {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px
}

.atv-listing-filter__count {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4a4a4a
}

.atv-listing-filters__reset-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 23px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:768px) {
    .atv-listing-filters__reset-wrapper {
        border-top: 4px solid #169442
    }
}

.atv-listing-filters__reset {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    text-transform: uppercase;
    color: #090101;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.atv-listing-filters__reset svg {
    height: 18px;
    margin-right: 10px;
    width: 18px;
    fill: #169442
}

.mod-batteries {
    position: relative;
    padding-top: 60px
}

.mod-batteries .battery-heading-title {
    margin-top: 0;
    font-family: Roboto, sans-serif
}

.mod-batteries a {
    text-decoration: none;
    color: #169442
}

.mod-batteries a:hover {
    color: #880f13
}

.battery-img-cover img {
    max-width: 100%;
    max-height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.battery-heading {
    margin: 0 auto 50px;
    text-align: center;
    max-width: 600px
}

.battery-img-wrap {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.battery-name {
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 10px;
    line-height: 1.25;
    font-family: Roboto, sans-serif
}

.battery-content-box {
    max-width: 270px;
    margin: 0 auto;
    text-align: center
}

.battery-content-box p {
    margin-top: 0
}

.battery-col {
    margin-bottom: 45px
}

@media screen and (min-width:768px) {
    .battery-img-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .battery-img {
        padding-bottom: 72.25%;
        position: relative
    }
}

@media screen and (min-width:1200px) {
    .battery-heading {
        max-width: 800px
    }
}

.become-dealer {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.become-dealer .banner-module-content {
    padding-bottom: 60px
}

.become-dealer .faq__term {
    background-color: transparent
}

.become-dealer__back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    text-transform: uppercase
}

.become-dealer__back:hover {
    color: #169442
}

.become-dealer__back svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px
}

.become-dealer-tabs__nav {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding-left: 25px;
    padding-right: 25px
}

.become-dealer-tabs__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.become-dealer-tabs__nav .become-dealer-tabs__nav-item a {
    border: 0;
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    min-width: 135px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.become-dealer-tabs__nav .become-dealer-tabs__nav-item a:hover {
    color: rgba(0, 0, 0, .88)
}

@media screen and (min-width:768px) {
    .become-dealer-tabs__nav .become-dealer-tabs__nav-item a {
        padding: 22px 50px 23px
    }
}

@media screen and (min-width:1024px) {
    .become-dealer-tabs__nav .become-dealer-tabs__nav-item a {
        min-width: 190px
    }
}

.become-dealer-tabs__nav .become-dealer-tabs__nav-item:last-child a {
    border: 0
}

.become-dealer-tabs__nav .become-dealer-tabs__nav-item.active a {
    background: #fff;
    color: rgba(0, 0, 0, .88)
}

.become-dealer__section {
    display: none
}

.become-dealer__section.active {
    display: block;
    opacity: 0
}

.become-dealer__section .filter-select-list {
    max-height: 250px;
    overflow-y: auto
}

.become-dealer__section .filter-select-list::-webkit-scrollbar {
    -webkit-appearance: none;
    border-radius: 10px;
    width: 8px
}

.become-dealer__section .filter-select-list::-webkit-scrollbar-track {
    background-color: #ececec;
    border-radius: 10px
}

.become-dealer__section .filter-select-list::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px;
    outline: 1px solid transparent
}

.become-dealer-faq {
    background: #fff
}

.become-dealer-faq .faq__list-wrapper {
    border: 0;
    padding: 30px 25px 96px
}

@media screen and (min-width:768px) {
    .become-dealer-faq .faq__list-wrapper {
        padding: 70px 50px 144px
    }
}

*+.become-dealer-faq .faq__list-wrapper {
    margin-top: 0
}

.become-dealer-faq .faq__section-title {
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 10px;
    padding: 0
}

.become-dealer-faq .faq__section-title:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.become-dealer-faq .faq__list {
    padding: 0;
    margin-top: 33px
}

@media screen and (max-width:768px) {
    .become-dealer-faq .faq__list {
        margin-top: 38px
    }
}

@media screen and (max-width:768px) {
    .become-dealer-faq .faq__term {
        padding-left: 62px;
        padding-right: 22px
    }
}

@media screen and (max-width:768px) {
    .become-dealer-faq .faq__item-icon {
        left: 22px
    }
}

@media screen and (max-width:768px) {
    .become-dealer-faq .faq__definition {
        padding: 0 22px 0 62px
    }
}

.become-dealer-faq__nav {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding-left: 25px;
    padding-right: 25px
}

.become-dealer-faq__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.become-dealer-form {
    border-top: 4px solid #169442;
    padding: 32px 0 0
}

.become-dealer-form .form-label-asterisk {
    color: #169442
}

.become-dealer-form__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0 0 32px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .become-dealer-form__title {
        padding-left: 50px;
        padding-right: 50px
    }
}

.become-dealer-form__section {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border: 0;
    margin: 0 0 3px;
    padding: 60px 0
}

@media screen and (min-width:768px) {
    .become-dealer-form__section {
        padding: 80px 0
    }
}

.become-dealer-form__section .container {
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .become-dealer-form__section .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

.become-dealer-form__section h3 {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0 0 30px
}

.become-dealer-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.become-dealer-form__checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.become-dealer-form__checkbox-group .checkbox-group__button {
    margin-bottom: 18px;
    width: 100%
}

@media screen and (min-width:768px) {
    .become-dealer-form__checkbox-group .checkbox-group__button {
        margin-bottom: 0;
        width: 215px
    }
}

@media screen and (min-width:768px) {
    .become-dealer-form__checkbox-group .checkbox-group__button:first-child {
        margin-right: 18px
    }
}

.become-dealer-form__field {
    width: 100%
}

@media screen and (min-width:768px) {
    .become-dealer-form__row--2cols .become-dealer-form__field {
        width: calc(50% - 40px)
    }
}

.become-dealer-form__field.text-group {
    margin-bottom: 18px
}

.become-dealer-form__field.text-group input[type=number].not-empty+label .placeholder,
.become-dealer-form__field.text-group input[type=text].not-empty+label .placeholder {
    opacity: 0
}

.become-dealer-form__field.text-group input[type=number]:focus+label .errors,
.become-dealer-form__field.text-group input[type=text]:focus+label .errors {
    opacity: 0
}

.become-dealer-form__field.text-group textarea.not-empty+label .placeholder {
    opacity: 0
}

.become-dealer-form__field.text-group textarea:focus+label .errors {
    opacity: 0
}

.become-dealer-form__field .filter-select-wrap {
    margin-bottom: 0;
    width: 100%
}

.become-dealer-form__field .filter-select-wrap.error .filter-select-trigger {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.become-dealer-form__field .filter-select-wrap.error .filter-select-trigger .errors {
    opacity: 1
}

.become-dealer-form__field .filter-select-trigger {
    padding: 24px 45px 24px 20px;
    position: relative
}

.become-dealer-form__field .filter-select-trigger .errors {
    color: rgba(223, 27, 33, .95);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    top: -5px
}

.become-dealer-form__field .filter-select-list {
    overflow: auto;
    max-height: 288px
}

.become-dealer-form__field .filter-select-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9;
    border-radius: 10px;
    margin: 10px
}

.become-dealer-form__field .filter-select-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px
}

.become-dealer-form__field .filter-select-list::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.become-dealer-form__field .filter-select-text {
    font-weight: 500
}

.become-dealer-form__field .filter-select-value.active {
    color: #169442
}

.become-dealer-form__field .filter-indicator {
    display: none
}

.become-dealer-form__field .checkbox {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 23px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.become-dealer-form__field .checkbox.hidden {
    display: none
}

.become-dealer-form__field .checkbox .checkmark {
    border: 2px solid #169442;
    border-radius: 4px;
    height: 23px;
    width: 23px
}

.become-dealer-form__field .checkbox .checkmark:after {
    border-radius: 2px;
    height: 15px;
    left: 2px;
    top: 2px;
    width: 15px
}

.become-dealer-form__field .checkbox input:checked~.label {
    color: rgba(0, 0, 0, .88)
}

.become-dealer-form__field--state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.become-dealer-form__field--state .become-dealer-form__field {
    margin-bottom: 0;
    width: calc(50% - 6px)
}

@media screen and (min-width:768px) {
    .become-dealer-form__field--state .become-dealer-form__field:first-child {
        width: calc(60% - 6px)
    }
}

@media screen and (min-width:768px) {
    .become-dealer-form__field--state .become-dealer-form__field:last-child {
        width: calc(40% - 6px)
    }
}

@media screen and (min-width:768px) {
    .become-dealer-form-inquiry-state.become-dealer-form-inquiry-state {
        width: 250px;
        margin-bottom: 10px
    }
}

.become-dealer-form__field--phone {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.become-dealer-form__field--phone .form-label--out {
    margin-top: 12px;
    width: 100%
}

@media screen and (min-width:768px) {
    .become-dealer-form__field--phone .form-label--out {
        margin-top: 24px
    }
}

.become-dealer-form__field--phone .form-label--out span {
    color: #747474;
    font-size: 14px;
    font-style: italic;
    line-height: 24px
}

.become-dealer-form__field--phone .become-dealer-form__field {
    margin-bottom: 0;
    width: 26.41%
}

.become-dealer-form__field--phone .become-dealer-form__field:first-child {
    width: 20.75%
}

.become-dealer-form__field--phone .become-dealer-form__field:last-child {
    width: 38.67%
}

.become-dealer-form__field--textarea.text-group {
    margin-bottom: 38px
}

@media screen and (min-width:768px) {
    .become-dealer-form__field--textarea.text-group {
        margin-bottom: 62px
    }
}

.become-dealer-form__field--multiselect {
    background: #fff;
    border: 1px solid #dfdfdf;
    height: 290px;
    padding: 33px 20px 33px 25px
}

@media screen and (min-width:768px) {
    .become-dealer-form__field--multiselect {
        height: 270px;
        padding: 25px 23px 25px 33px
    }
}

.become-dealer-form__field--multiselect.error .errors {
    display: block
}

.become-dealer-form__field--multiselect .errors {
    color: rgba(223, 27, 33, .95);
    display: none;
    font-size: 9px;
    line-height: 24px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 0
}

.become-dealer-form__field--multiselect.text-group {
    margin-bottom: 36px
}

.become-dealer-form__multiselect-checkbox-list {
    height: 100%;
    overflow: auto
}

.become-dealer-form__multiselect-checkbox-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9;
    border-radius: 10px;
    margin: 10px
}

.become-dealer-form__multiselect-checkbox-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px
}

.become-dealer-form__multiselect-checkbox-list::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.become-dealer-form__multiselect-list {
    counter-reset: section;
    list-style: none;
    margin: 0;
    padding: 0
}

.become-dealer-form__multiselect-item {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .34px;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 15px 12px;
    text-transform: uppercase
}

.become-dealer-form__multiselect-item:before {
    background: #169442;
    border-radius: 50%;
    color: rgba(255, 255, 255, .95);
    content: counter(section);
    counter-increment: section;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-right: 23px;
    text-align: center;
    width: 25px
}

.become-dealer-form__multiselect-item-close {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    padding: 4px;
    position: absolute;
    right: 12px;
    width: 25px
}

.become-dealer-form__multiselect-item-close svg {
    fill: #169442
}

.empty .become-dealer-form__multiselect-item-close {
    display: none
}

.become-dealer-form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 25px;
    text-align: right
}

@media screen and (min-width:768px) {
    .become-dealer-form__footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 35px 50px
    }
}

.become-dealer-form__footer .raq-footer-legal {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .become-dealer-form__footer .raq-footer-legal {
        margin-bottom: 0;
        margin-right: 100px
    }
}

.become-dealer-form__footer .raq-footer-checkbox {
    text-align: left
}

.become-dealer-form__footer .btn-red {
    padding: 27px 15px;
    width: 100%
}

@media screen and (min-width:768px) {
    .become-dealer-form__footer .btn-red {
        padding: 15px;
        width: auto;
        min-width: 226px
    }
}

.become-dealer-form__desc {
    font-size: 14px;
    line-height: 24px
}

.become-dealer-form__error {
    background: #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: .37px;
    line-height: 24px;
    opacity: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible
}

.become-dealer-form__error.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.become-dealer-form__error-wrapper {
    padding: 8px 25px
}

.become-dealer-form-success {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border: 0;
    font-size: 14px;
    margin: 0;
    padding: 50px 0
}

.become-dealer-form-success .container {
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .become-dealer-form-success .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

.become-dealer-form-success h2 {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    text-transform: uppercase
}

.select-state {
    overflow: hidden;
    padding-bottom: 112px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .select-state {
        padding-bottom: 73px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.select-state .filter-select-item {
    padding-bottom: 4px;
    padding-top: 4px;
    position: relative
}

.select-state .filter-select-item.active .filter-select-value {
    color: rgba(223, 27, 33, .95)
}

.select-state .filter-select-item.active:before {
    content: "";
    background: #169442;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.select-state .filter-select-value {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.select-state .filter-select-value:hover {
    color: #169442
}

.select-state__header {
    padding-bottom: 60px;
    padding-top: 115px;
    position: relative
}

@media screen and (min-width:768px) {
    .select-state__header {
        padding-bottom: 93px;
        padding-top: 106px
    }
}

.select-state__header h2 {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .51px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 2
}

.select-state__header p {
    margin-bottom: 18px;
    position: relative;
    z-index: 2
}

@media screen and (min-width:768px) {
    .select-state__header p {
        margin-bottom: 24px
    }
}

.select-state__map {
    height: 187px;
    left: -25px;
    position: absolute;
    top: 30px;
    width: 603px;
    z-index: 0
}

@media screen and (min-width:768px) {
    .select-state__map {
        height: 259px;
        left: unset;
        right: -150px;
        width: 834px
    }
}

@media screen and (min-width:1024px) {
    .select-state__map {
        right: -65px
    }
}

.select-state__dropdown {
    position: relative;
    z-index: 2;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .select-state__dropdown {
        width: 315px
    }
}

.select-state__dropdown .filter-select-trigger {
    background: #169442
}

.select-state__dropdown .filter-select-text {
    color: rgba(255, 255, 255, .95)
}

.select-state__dropdown .filter-select-icon {
    background: #169442
}

.select-state__state {
    display: none
}

.select-state__state.active {
    display: block;
    opacity: 0
}

.select-state__section {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .select-state__section {
        margin-bottom: 72px
    }
}

.select-state__section h3 {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin-bottom: 18px;
    margin-top: 0;
    text-transform: uppercase
}

.select-state__section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .select-state__section ul {
        margin: 0 -10px
    }
}

.select-state__section li {
    border-bottom: 1px solid #d8d8d8;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 31px 0;
    text-transform: uppercase;
    width: 100%
}

.select-state__section li:first-child {
    border-top: 1px solid #d8d8d8
}

@media screen and (min-width:768px) {
    .select-state__section li:nth-child(-n+3) {
        border-top: 1px solid #d8d8d8
    }
}

@media screen and (min-width:768px) {
    .select-state__section li {
        margin: 0 10px;
        width: calc(33.333% - 20px)
    }
}

.select-state__footer {
    text-align: right
}

.select-state__cta {
    display: none;
    width: 100%
}

@media screen and (min-width:768px) {
    .select-state__cta {
        width: 218px
    }
}

.select-state__legal {
    color: #4a4a4a;
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 18px;
    margin-top: 50px;
    text-align: left
}

@media screen and (min-width:768px) {
    .select-state__legal {
        margin-top: 60px
    }
}

.bp-landing {
    padding: 0
}

.bp-landing .header {
    padding-bottom: 21px
}

@media screen and (min-width:768px) {
    .bp-landing .header {
        padding-bottom: 37px
    }
}

.bp-landing-module .title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    left: 25px;
    letter-spacing: .41px;
    line-height: 36px;
    margin-top: 45px;
    margin-bottom: 45px;
    position: absolute;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .bp-landing-module .title {
        font-size: 36px;
        left: 50px;
        letter-spacing: .61px;
        margin-bottom: 50px;
        margin-top: 68px
    }
}

.bp-landing-module .raq-section-title {
    display: none
}

.bp-landing-module .model-nav-list {
    padding-top: 0
}

.bp-landing-module .model-list {
    padding-top: 29px
}

@media screen and (min-width:768px) {
    .bp-landing-module .model-list {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .bp-landing-module .model-list {
        padding-top: 40px
    }
}

.bp-landing-module .model-list-list {
    margin-bottom: 35px
}

@media screen and (min-width:768px) {
    .bp-landing-module .model-list-list {
        margin-bottom: 50px
    }
}

.bp-landing-module .model-nav-title {
    display: none
}

.bp-landing-module .model-list-heading {
    border-bottom: 0;
    margin-top: 25px;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
}

@media screen and (max-width:767px) {
    .bp-landing-module .model {
        padding: 9px 3px;
        width: 100%
    }
}

.budget-calculator-back-wrapper {
    line-height: 16px;
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .budget-calculator-back-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

.budget-calculator-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.budget-calculator-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.budget-calculator-back:hover {
    color: #169442
}

.budget-calculator-back:focus {
    outline: 2px solid #df1c21
}

.budget-calculator-back svg {
    margin-left: -2px;
    margin-right: 12px
}

@media (hover:none) {
    .budget-calculator-back:hover {
        color: rgba(0, 0, 0, .88)
    }
}

.budget-calculator {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.budget-calculator-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin: 0;
    padding: 48px 25px 32px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .budget-calculator-title {
        font-size: 36px;
        letter-spacing: .61px;
        padding: 48px 50px
    }
}

.budget-calculator-calculate {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 46px 25px 23px
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .budget-calculator-calculate {
        padding-top: 32px
    }
}

.budget-calculator-calculate-term-wrapper .filter-select-wrap {
    margin-bottom: 16px;
    margin-top: 7px
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate-term-wrapper .filter-select-wrap {
        margin-bottom: 24px;
        margin-top: 7px;
        width: calc(33.33% - 12px)
    }
}

@media screen and (min-width:1024px) {
    .budget-calculator-calculate-term-wrapper .filter-select-wrap {
        margin-top: 7px;
        width: 257px
    }
}

.budget-calculator-calculate-term-wrapper .filter-select-trigger {
    background-color: #169442;
    height: 70px
}

@media screen and (min-width:1024px) {
    .budget-calculator-calculate-term-wrapper .filter-select-trigger {
        height: 70px
    }
}

.budget-calculator-calculate-term-wrapper .filter-select-text {
    color: #fff;
    font-size: 16px
}

.budget-calculator-calculate-term-wrapper .filter-select-icon {
    background-color: #169442
}

.budget-calculator-calculate-term-label {
    color: #747474;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    margin: 0
}

.budget-calculator-calculate-term-label strong {
    color: #090101;
    font-style: normal;
    padding-right: 5px
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate-fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        max-width: 825px
    }
}

.budget-calculator-calculate-field-wrapper {
    margin-bottom: 16px;
    position: relative
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate-field-wrapper {
        margin-bottom: 0;
        margin-right: 18px;
        width: calc(33.33% - 12px)
    }
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate-field-wrapper:last-child {
        margin-right: 0
    }
}

.budget-calculator-calculate-field-wrapper .disclaimer {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 21
}

.budget-calculator-calculate-field-wrapper .disclaimer.has-question {
    background-color: #169442
}

.budget-calculator-calculate-field-wrapper .disclaimer-question {
    color: #fff
}

.budget-calculator-calculate-field-wrapper .tlite {
    top: 35px !important;
    left: -115px !important
}

.budget-calculator-calculate-field-wrapper .tlite:before {
    left: 75%
}

.budget-calculator-calculate-field {
    background-color: #fff;
    border: 0;
    font-size: 16px;
    height: 70px;
    outline: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .budget-calculator-calculate-field {
        font-size: 14px
    }
}

.budget-calculator-calculate-field-placeholder {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    color: #4a4a4a;
    pointer-events: none
}

:focus+.budget-calculator-calculate-field-placeholder {
    display: none
}

.budget-calculator-calculate-field-placeholder-asterisk {
    color: #169442
}

.budget-calculator-disclaimer {
    color: #4a4a4a;
    display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 59px
}

@media screen and (min-width:768px) {
    .budget-calculator-disclaimer {
        margin-top: 56px
    }
}

.budget-calculator-estimate-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 54px 25px 97px
}

@media screen and (min-width:768px) {
    .budget-calculator-estimate-wrapper {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 48px;
        padding-bottom: 111px
    }
}

@media screen and (min-width:768px) {
    .budget-calculator-estimate-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:768px) {
    *+.budget-calculator-estimate-columns {
        margin-top: 25px
    }
}

@media screen and (min-width:1024px) {
    *+.budget-calculator-estimate-columns {
        margin-top: 49px
    }
}

@media screen and (max-width:768px) {
    .no-result .budget-calculator-estimate {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:768px) {
    .budget-calculator-estimate {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.budget-calculator-budget {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 115px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    text-align: center
}

.budget-calculator-estimate-description~* .budget-calculator-budget {
    margin-top: 42px
}

@media screen and (min-width:768px) {
    .budget-calculator-estimate-description~* .budget-calculator-budget {
        margin-top: 0
    }
}

.budget-calculator-estimate-description {
    margin-top: 0;
    margin-bottom: 0
}

.budget-calculator-estimate-no-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.budget-calculator-estimate-no-results a {
    text-decoration: none;
    color: rgba(223, 27, 33, .95)
}

.budget-calculator-estimate-no-results p {
    margin: 0;
    padding-left: 10px
}

.budget-calculator-estimate-no-results-badge {
    background: #169442;
    border-radius: 50%;
    color: rgba(255, 255, 255, .95);
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    height: 25px;
    text-align: center;
    width: 25px
}

.budget-calculator-budget-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: -14px
}

.budget-calculator-budget-cost {
    font-size: 30px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px
}

.budget-calculator-cta {
    margin-top: 24px;
    width: 100%
}

.budget-calculator-user-data {
    margin: 42px 0 0;
    padding: 0
}

.budget-calculator-user-term {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0
}

*+.budget-calculator-user-term {
    margin-top: 36px
}

.budget-calculator-user-value {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin: 2px 0 0;
    padding: 0
}

.budget-calculator-image-wrapper {
    display: block;
    margin-top: 48px;
    max-width: 100%
}

.budget-calculator-image {
    display: block;
    max-width: 100%
}

.budget-calculator-estimate-models {
    margin-top: 60px
}

.no-result .budget-calculator-estimate-models {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 42px
}

@media screen and (min-width:768px) {
    .no-result .budget-calculator-estimate-models {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .budget-calculator-estimate-models {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 10px
    }
}

.budget-calculator-estimate-models .models-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.budget-calculator-estimate-models .model-list-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -6px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .budget-calculator-estimate-models .model-list-list {
        margin-top: -9px
    }
}

@media screen and (min-width:1024px) {
    .budget-calculator-estimate-models .model-list-list {
        margin-top: -12px
    }
}

@media screen and (max-width:991px) {
    .budget-calculator-estimate-models .model {
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .budget-calculator-estimate-models .model {
        width: 50%
    }
}

.budget-calculator-estimate-models .model-inner {
    padding: 20px 25px 30px
}

.budget-calculator-estimate-models .model-info {
    margin-bottom: 28px
}

.budget-calculator-next-wrapper {
    background: #fff;
    bottom: 0;
    height: 100px;
    left: 0;
    max-width: 1600px;
    padding: 29px 25px;
    position: fixed;
    text-align: right;
    top: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    z-index: 99
}

@media screen and (min-width:1024px) {
    .budget-calculator-next-wrapper {
        left: auto
    }
}

@media screen and (min-width:768px) {
    .financial-calculator .budget-calculator-next-wrapper {
        padding-right: 50px
    }
}

@media screen and (min-width:768px) {
    .budget-calculator-next-wrapper {
        height: 108px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 29px
    }
}

.budget-calculator-next-wrapper .btn-red {
    padding: 16px 25px;
    min-width: 160px
}

@media screen and (min-width:768px) {
    .budget-calculator-next-wrapper .btn-red {
        min-width: 165px
    }
}

@media screen and (max-width:767px) {
    .budget-calculator-next-wrapper .btn-red.btn-red {
        background-color: #169442
    }
}

.budget-calculator-next-wrapper.active {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1)
}

.budget-calculator-next-wrapper .container {
    padding: 0
}

@-webkit-keyframes scalePulse {
    0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@keyframes scalePulse {
    0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

.budget-scale {
    padding: 0 2px 48px 25px
}

@media screen and (min-width:768px) {
    .budget-scale {
        padding: 0 50px 48px
    }
}

.stuck .budget-scale-inner {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.budget-scale-list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 auto;
    padding: 20px 0 0
}

@media screen and (min-width:1024px) {
    .budget-scale-list {
        width: 100%
    }
}

.stuck .budget-scale-list {
    padding: 20px 25px;
    width: 100%
}

@media screen and (min-width:768px) {
    .stuck .budget-scale-list {
        max-width: 1200px;
        padding: 40px 50px
    }
}

.budget-scale-item {
    border-top: 2px solid #169442;
    font-family: Roboto, sans-serif;
    padding: 20px 0 0;
    position: relative;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 40px;
    z-index: 1
}

.budget-scale-item.active {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
}

@media screen and (min-width:768px) {
    .budget-scale-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto
    }
}

.budget-scale-item:last-child {
    border-top: 0;
    margin-top: 2px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.budget-scale-indicator {
    background: #fff;
    border: 2px solid #169442;
    border-radius: 50%;
    height: 18px;
    left: 0;
    position: absolute;
    top: -9px;
    width: 18px
}

.active .budget-scale-indicator,
.completed .budget-scale-indicator {
    background: #169442
}

.active .budget-scale-indicator:before {
    -webkit-animation: scalePulse .6s infinite alternate linear;
    animation: scalePulse .6s infinite alternate linear;
    background: rgba(223, 27, 33, .25);
    border-radius: 50%;
    content: "";
    height: 18px;
    left: -2px;
    position: absolute;
    top: -2px;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 18px;
    z-index: -1
}

.budget-scale-indicator svg {
    fill: #fff;
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.budget-scale-step {
    display: block;
    font-size: 14px;
    margin: 6px 0 0;
    padding: 0
}

.active .budget-scale-step {
    color: #169442
}

@media screen and (max-width:767px) {
    .completed .budget-scale-step {
        color: #169442
    }
}

.budget-scale-title {
    color: #090101;
    display: none;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 0
}

.active .budget-scale-title {
    display: block;
    height: auto;
    opacity: 1;
    width: 100%
}

@media screen and (min-width:768px) {
    .budget-scale-title {
        display: block;
        height: auto;
        opacity: 1;
        width: auto
    }
}

.budget-categories-types {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 40px 25px 100px
}

@media screen and (min-width:768px) {
    .budget-categories-types {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 49px;
        padding-bottom: 83px
    }
}

*+.budget-category-type {
    margin-top: 54px
}

@media screen and (min-width:768px) {
    *+.budget-category-type {
        margin-top: 42px
    }
}

.budget-categories-type-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0 0 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .budget-categories-type-title {
        margin-bottom: 24px
    }
}

.budget-category-segments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.budget-category-segment {
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .budget-category-segment {
        margin-top: 0;
        margin-bottom: 18px;
        margin-right: 17px;
        width: calc(33.33% - 11.66px)
    }
}

@media screen and (min-width:1024px) {
    .budget-category-segment {
        width: calc(25% - 12.8px)
    }
}

@media screen and (max-width:767px) {
    .budget-category-segment:first-child {
        margin-top: 23px
    }
}

@media screen and (min-width:768px) {
    .budget-category-segment:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width:1024px) {
    .budget-category-segment:nth-child(3n) {
        margin-right: 17px
    }
}

@media screen and (min-width:1024px) {
    .budget-category-segment:nth-child(4n) {
        margin-right: 0
    }
}

.budget-category-segment-button {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    cursor: pointer;
    font: 500 14px/16px Roboto, sans-serif;
    height: 72px;
    padding-left: 25px;
    padding-right: 60px;
    padding-top: 2px;
    position: relative;
    text-align: left;
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 100%
}

.budget-category-segment-button:disabled {
    background-color: #169442;
    border: 1px solid #169442;
    color: #fff;
    cursor: default
}

.budget-category-checkmark {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .4);
    height: 35px;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px
}

.budget-category-checkmark svg {
    fill: #169442;
    height: 15px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 18px
}

:disabled .budget-category-checkmark svg {
    opacity: 1
}

.budget-calculator-header {
    border-top: 4px solid #169442;
    padding: 32px 25px
}

@media screen and (min-width:768px) {
    .budget-calculator-header {
        padding: 32px 50px
    }
}

.budget-calculator-back-wrapper+.budget-calculator-header {
    margin-top: 24px
}

.budget-calculator-view-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .budget-calculator-view-title {
        display: inline-block
    }
}

.budget-calculator-view-teaser {
    margin: 0
}

@media screen and (min-width:768px) {
    .budget-calculator-view-teaser {
        display: inline-block
    }
}

*+.budget-calculator-view-teaser {
    margin-top: 8px
}

@media screen and (min-width:768px) {
    *+.budget-calculator-view-teaser {
        margin-left: 17px;
        margin-top: 0
    }
}

.bp-access {
    background: #fff;
    min-height: 500px;
    padding: 20px
}

@media screen and (min-width:768px) {
    .bp-access {
        padding: 10px 50px
    }
}

@media screen and (max-width:1024px) {
    @supports (-webkit-touch-callout:none) {
        .bp-access {
            margin-bottom: 110px
        }
    }
}

@media screen and (min-width:768px) {
    .access-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:768px) {
    .access-image-wrap {
        width: 70%
    }
}

@media print {
    .access-image-wrap {
        float: left;
        width: 40%
    }
}

.access-image {
    width: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-image-inner {
    width: 100%
}

@media screen and (min-width:768px) {
    .access-image-inner {
        width: 375px
    }

    .configurator-active .access-image-inner {
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .access-image-inner {
        width: 473px
    }

    .access-image-inner.stuck {
        position: fixed;
        top: 40px
    }
}

.access-listing {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.access-listing.listing-appear,
.access-listing.listing-enter {
    height: 0
}

.access-listing.listing-appear.listing-appear-active,
.access-listing.listing-enter.listing-enter-active {
    height: auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-listing.listing-leave {
    height: auto
}

.access-listing.listing-leave.listing-leave-active {
    height: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:768px) {
    .access-list {
        width: 40%;
        margin-bottom: 108px
    }
}

.access-listing-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding: 10px
}

.listing-appear .access-listing-item,
.listing-enter .access-listing-item {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.listing-appear.listing-appear-active .access-listing-item,
.listing-enter.listing-enter-active .access-listing-item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.listing-leave .access-listing-item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.listing-leave.listing-leave-active .access-listing-item {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-listing-image-wrap {
    background: #e9e9e9;
    padding: 10px 10px 5px;
    width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 109px
}

.access-listing-image {
    cursor: pointer;
    width: 100%
}

.access-listing-content {
    padding-left: 20px
}

.access-listing-title {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.access-listing-part-number {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    margin: 2px 0 4px 0;
    padding: 0
}

.access-listing-price {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0
}

.access-listing-trigger {
    background: #e9e9e9;
    border: 0;
    border-radius: 40px;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    line-height: 1;
    margin-top: 14px;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100px
}

.access-listing-trigger:after {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 1px 2px 10px -4px #090101;
    box-shadow: 1px 2px 10px -4px #090101;
    content: '';
    height: 24px;
    left: 2%;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px
}

.access-listing-trigger.active {
    background: #169442
}

.access-listing-trigger.active:after {
    left: 98%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.access-listing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 200%
}

.active .access-listing-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.access-listing-label {
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 50%
}

.access-listing-label[aria-hidden=true] {
    color: #4a4a4a
}

.access-listing-label-remove {
    color: #fff;
    text-align: left
}

.access-listing-label-add {
    color: #4a4a4a;
    padding: 0 10px 0 0;
    text-align: right
}

.access-group {
    border-bottom: 1px solid #9b9b9b;
    padding: 20px 0
}

.access-group-title {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    color: #090101;
    cursor: pointer;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 1;
    padding: 16px 40px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.access-group-icon {
    background: #169442;
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    left: 0;
    margin-top: 12px;
    padding: 5px;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px
}

.access-group-title:hover .access-group-icon {
    background: #169442
}

.access-group-title.open .access-group-icon {
    background: #169442
}

.bp-access-no-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .bp-access-no-results {
        margin-top: 0;
        width: 40%
    }
}

.bp-access-no-results a {
    text-decoration: none;
    color: rgba(223, 27, 33, .95)
}

.bp-access-no-results p {
    margin: 0;
    padding-left: 10px
}

.bp-access-no-results-badge {
    background: #169442;
    border-radius: 50%;
    color: rgba(255, 255, 255, .95);
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    height: 25px;
    text-align: center;
    width: 25px
}

.bp-access__selection-changes-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bp-access__selection-changes-modal__inner {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .35);
    width: 100%;
    overflow-y: scroll
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__inner {
        width: calc(100% - 100px);
        overflow: hidden
    }
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__inner {
        width: 924px
    }
}

.bp-access__selection-changes-modal__header {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 25px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__header {
        position: static;
        padding: 27px 40px
    }
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__header {
        padding: 27px 50px
    }
}

.bp-access__selection-changes-modal__header h2 {
    margin: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .55px;
    line-height: 24px;
    text-transform: uppercase;
    margin-right: 42px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__header h2 {
        margin-right: 0
    }
}

.bp-access__selection-changes-modal__header button {
    border: none;
    outline: 0;
    background: 0 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.bp-access__selection-changes-modal__header button svg {
    fill: #fff;
    height: 19px;
    width: 19px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__header button svg {
        height: 24px;
        width: 24px
    }
}

.bp-access__selection-changes-modal__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 25px 74px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__data {
        padding: 32px 40px 48px;
        margin-right: calc(33.68% - 40px)
    }
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__data {
        margin-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 32px 50px
    }
}

.bp-access__selection-changes-modal__data>div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__data>div:first-of-type {
        margin-right: 18px
    }
}

.bp-access__selection-changes-modal__data>div:last-of-type h3:last-of-type {
    margin-top: 48px
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__data>div:last-of-type h3:last-of-type {
        margin-top: 0
    }
}

.bp-access__selection-changes-modal__data h3 {
    color: #090101;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0 0 16px
}

.bp-access__selection-changes-modal__data__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 16px 20px 13px 16px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__data__item {
        padding: 16px
    }
}

.bp-access__selection-changes-modal__data__item .part-number {
    color: #090101;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .27px;
    line-height: 12px;
    margin: 11px 0 0
}

.bp-access__selection-changes-modal__data__item .option-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bp-access__selection-changes-modal__data__item .option-info img {
    margin-right: 22px;
    height: auto;
    width: 99px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__data__item .option-info img {
        margin-right: 32px;
        height: auto;
        width: 109px
    }
}

.bp-access__selection-changes-modal__data__item .option-info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bp-access__selection-changes-modal__data__item .option-info div h4 {
    margin: 0 0 8px;
    color: #090101;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__data__item .option-info div h4 {
        margin: 0 0 2px
    }
}

.bp-access__selection-changes-modal__data__item .option-info div .part-number {
    margin: 0 0 16px
}

.bp-access__selection-changes-modal__data__item .option-info div .option-price {
    color: #5b5b5b;
    font-size: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .33px;
    line-height: 15px
}

.bp-access__selection-changes-modal__data__item .option-info div .option-price .operation-mode {
    margin-right: 4px
}

.bp-access__selection-changes-modal__footer {
    padding: 27px 25px 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 4px solid #ececec
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer {
        padding: 24px 40px;
        position: static
    }
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__footer {
        padding: 24px 50px
    }
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bp-access__selection-changes-modal__footer .net-change-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer .net-change-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.bp-access__selection-changes-modal__footer .net-change-container .net-change {
    color: #5b5b5b;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 16px;
    text-transform: uppercase;
    margin-right: 11px;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer .net-change-container .net-change {
        margin-bottom: 0
    }
}

.bp-access__selection-changes-modal__footer .net-change-container .net-change-value {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    text-transform: uppercase
}

.bp-access__selection-changes-modal__footer .net-change-container .net-change-value span {
    margin-right: 6px
}

.bp-access__selection-changes-modal__footer .cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer .cta-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.bp-access__selection-changes-modal__footer .cta-container button {
    min-width: 139px
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer .cta-container button {
        min-width: 167px
    }
}

@media screen and (min-width:1024px) {
    .bp-access__selection-changes-modal__footer .cta-container button {
        min-width: 217px
    }
}

.bp-access__selection-changes-modal__footer .cta-container .btn-outline {
    border: none;
    color: #169442;
    font-weight: 700;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width:768px) {
    .bp-access__selection-changes-modal__footer .cta-container .btn-outline {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.access-modal-bg {
    background: rgba(255, 255, 255, .7);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    width: 100%
}

.hide .access-modal-bg {
    opacity: 0
}

.access-appear .access-modal-bg,
.access-enter .access-modal-bg {
    opacity: .1
}

.access-appear.access-appear-active .access-modal-bg,
.access-enter.access-enter-active .access-modal-bg {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-leave .access-modal-bg {
    opacity: 1
}

.access-leave.access-leave-active .access-modal-bg {
    opacity: .01;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 9999
}

.access-modal.hide {
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: visibility .2s;
    transition: visibility .2s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.access-modal.hide .access-modal-main {
    right: -100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width:768px) {
    .access-modal.hide .access-modal-main {
        right: -527px
    }
}

.access-modal.access-appear .access-modal-main,
.access-modal.access-enter .access-modal-main {
    right: -100%
}

@media screen and (min-width:768px) {

    .access-modal.access-appear .access-modal-main,
    .access-modal.access-enter .access-modal-main {
        right: -527px
    }
}

.access-modal.access-appear.access-appear-active .access-modal-main,
.access-modal.access-enter.access-enter-active .access-modal-main {
    right: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.access-modal.access-leave .access-modal-main {
    right: 0
}

.access-modal.access-leave.access-leave-active .access-modal-main {
    right: -100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:768px) {
    .access-modal.access-leave.access-leave-active .access-modal-main {
        right: -527px
    }
}

.access-modal .access-heading-title {
    color: #fff;
    float: left;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.access-modal .access-heading-toggle {
    float: left
}

.access-modal .access-heading-toggle .access-listing-trigger {
    background-color: #169442;
    margin-top: 0
}

.access-modal .access-heading-toggle .access-listing-trigger.active {
    background-color: #880f13
}

.access-modal .access-heading-toggle .access-listing-label-add {
    color: rgba(255, 255, 255, .95)
}

.access-modal .access-modal-main {
    background: #fff;
    height: 100%;
    overflow-y: hidden;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

@media screen and (min-width:768px) {
    .access-modal .access-modal-main {
        width: 527px
    }
}

.access-modal .access-heading {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 25px
}

.access-modal .access-heading:after,
.access-modal .access-heading:before {
    content: "";
    display: table;
    line-height: 0
}

.access-modal .access-heading:after {
    clear: both
}

@media (min-width:768px) {
    .access-modal .access-heading {
        padding: 25px 50px
    }
}

.access-modal .access-modal-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 25px
}

@media (min-width:768px) {
    .access-modal .access-modal-nav {
        padding: 10px 50px
    }
}

.accessories .access-modal .access-modal-nav,
.bp-access .access-modal .access-modal-nav {
    display: block
}

.access-modal .access-modal-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    float: right;
    padding: 0
}

.access-modal .access-modal-close:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.access-modal .access-modal-content {
    max-width: 100%;
    height: calc(100vh - 135px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

@supports (-webkit-overflow-scrolling:touch) {
    .access-modal .access-modal-content {
        padding-bottom: 64px
    }
}

.access-modal .access-modal-content.accessSwitch-appear,
.access-modal .access-modal-content.accessSwitch-enter {
    height: 0;
    opacity: 0
}

.access-modal .access-modal-content.accessSwitch-appear.accessSwitch-appear-active,
.access-modal .access-modal-content.accessSwitch-enter.accessSwitch-enter-active {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.access-modal .access-modal-content.accessSwitch-leave {
    opacity: 1
}

.access-modal .access-modal-content.accessSwitch-leave.accessSwitch-leave-active {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.access-modal .access-modal-close-icon {
    fill: #fff;
    height: 26px;
    stroke: #169442;
    stroke-width: 3px;
    width: 26px
}

.access-modal .access-modal-image {
    background-position: center;
    background-size: cover;
    border-bottom: 4px solid #169442;
    padding-top: 59%
}

.access-modal .access-item {
    position: relative;
    padding: 36px 25px 44px
}

@media (min-width:768px) {
    .access-modal .access-item {
        padding: 43px 44px 41px
    }
}

.access-modal .access-item-info {
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.access-modal .access-item-price {
    margin: 0 0 6px 0;
    width: 100%
}

@media (min-width:768px) {
    .access-modal .access-item-price {
        margin: 0 50px 0 0;
        width: auto
    }
}

.access-modal .access-item-part {
    margin: 0
}

.access-modal .access-item-asterisk {
    color: #169442
}

.access-modal .access-item-title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 36px;
    text-transform: uppercase
}

.access-modal .access-item-desc {
    margin-top: 12px;
    margin-bottom: 22px
}

@media (min-width:768px) {
    .access-modal .access-item-desc {
        margin-bottom: 32px
    }
}

.access-modal .access-item-disclaimer {
    bottom: 44px;
    color: #4a4a4a;
    font-size: 14px;
    margin-bottom: 0;
    position: absolute
}

@media (min-width:768px) {
    .access-modal .access-item-disclaimer {
        bottom: 41px
    }
}

.access-modal .accces-item-list {
    list-style-type: none;
    margin: 0;
    padding: 0 0 116px
}

@media (min-width:768px) {
    .access-modal .accces-item-list {
        padding-bottom: 62px
    }
}

.access-modal .access-item-list-item .access-item-link {
    padding: 14px 0
}

.access-modal .access-item-list-item .access-item-link .access-modal-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    height: 18px;
    margin-left: 0;
    margin-right: 16px;
    width: 18px
}

.access-modal .access-item-link,
.access-modal .access-modal-next,
.access-modal .access-modal-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 10px 0
}

.access-modal .access-item-link svg,
.access-modal .access-modal-next svg,
.access-modal .access-modal-prev svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.access-modal .access-item-link:hover,
.access-modal .access-modal-next:hover,
.access-modal .access-modal-prev:hover {
    color: #169442
}

.access-modal .access-item-link .access-modal-icon,
.access-modal .access-modal-next .access-modal-icon,
.access-modal .access-modal-prev .access-modal-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    height: 14px;
    margin: 0 0 0 11px;
    position: relative;
    top: -1px;
    width: 14px
}

.access-modal .access-modal-prev .access-modal-icon {
    margin: 0 11px 0 0
}

.access-modal .access-modal-next {
    float: right;
    padding-left: 10px
}

.access-modal .access-modal-next .access-modal-icon {
    margin: 0 0 0 11px
}

.access-modal .text {
    margin-top: -3px
}

.access-modal .raq-footer-legal {
    margin: 24px 0
}

.access-modal .raq-footer-checkbox {
    font-size: 11px;
    line-height: 14px
}

.alert-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.alert-modal-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 0 25px -10px #090101;
    box-shadow: 0 0 25px -10px #090101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 75%;
    min-height: 400px;
    padding: 25px;
    position: relative;
    width: 98%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .alert-modal-inner {
        height: 1px
    }
}

.alert-appear .alert-modal-inner {
    opacity: .1;
    -webkit-transform: translateY(3em);
    transform: translateY(3em)
}

.alert-appear.alert-appear-active .alert-modal-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.alert-leave .alert-modal-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.alert-leave.alert-leave-active .alert-modal-inner {
    opacity: .01;
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media screen and (min-width:768px) {
    .alert-modal-inner {
        padding: 50px
    }
}

.alert-modal-back {
    background: rgba(255, 255, 255, .6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.alert-appear .alert-modal-back {
    opacity: .1
}

.alert-appear.alert-appear-active .alert-modal-back {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.alert-leave .alert-modal-back {
    opacity: 1
}

.alert-leave.alert-leave-active .alert-modal-back {
    opacity: .01;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.alert-modal-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

.alert-modal-icon {
    fill: #169442;
    height: 22px;
    width: 22px
}

.alert-modal-close:hover .alert-modal-icon {
    fill: #169442
}

.alert-modal-content {
    text-align: center
}

.alert-modal-text {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    line-height: 1.25;
    text-transform: uppercase
}

.alert-modal-btn {
    padding: 15px 40px
}

.alert-modal-cancel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #169442;
    display: block;
    font-family: Roboto, sans-serif;
    margin: 20px auto 0;
    max-width: 200px
}

.alert-modal-cancel:hover {
    color: #169442
}

.build-nav {
    background: #169442
}

@media screen and (min-width:768px) {
    .build-nav {
        background: url(/images/patterns/bg-red-diagonal.png) #169442
    }
}

@media print {
    .build-nav {
        background: 0 0
    }
}

.build-nav-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    position: relative
}

@media screen and (min-width:768px) {
    .build-nav-inner {
        padding: 0 50px
    }
}

@media print {
    .build-nav-inner {
        display: block
    }
}

.build-logo {
    background: #169442;
    padding: 15px 25px
}

@media screen and (min-width:768px) {
    .build-logo {
        padding: 35px
    }
}

@media print {
    .build-logo {
        background: 0 0
    }
}

.build-logo-link {
    display: block
}

.build-logo-desktop {
    display: none;
    width: 70px
}

@media screen and (min-width:768px) {
    .build-logo-desktop {
        display: block
    }
}

@media print {
    .build-logo-desktop {
        background: #090101;
        display: block;
        margin: 0 auto;
        padding: 20px;
        width: 100px
    }
}

.build-logo-mobile {
    display: block;
    width: 130px
}

@media screen and (min-width:768px) {
    .build-logo-mobile {
        display: none
    }
}

@media print {
    .build-logo-mobile {
        display: none
    }
}

.build-nav-wrap {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    border: solid #169442;
    border-width: 1px 0;
    height: 0;
    opacity: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: absolute;
    top: -40em;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    width: 100%;
    z-index: 9999
}

.build-nav-wrap.mobile-open {
    height: auto;
    opacity: 1;
    position: relative;
    top: 0
}

@media screen and (min-width:768px) {
    .build-nav-wrap {
        border: 0;
        height: auto;
        opacity: 1;
        position: relative;
        top: auto;
        -webkit-transition: 0;
        transition: 0;
        width: auto
    }
}

@media print {
    .build-nav-wrap {
        display: none
    }
}

.build-nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .build-nav-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.build-nav-item+.build-nav-item {
    border-top: 1px solid #169442
}

@media screen and (min-width:768px) {
    .build-nav-item+.build-nav-item {
        border-top: 0
    }
}

.build-nav-link {
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 20px 30px;
    text-decoration: none;
    text-transform: uppercase
}

.build-nav-link:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

@media screen and (min-width:768px) {
    .build-nav-link {
        padding: 5px 20px
    }
}

.build-nav-link-button {
    border-color: #169442;
    border-width: 1px;
    display: block;
    margin: 20px 30px
}

.build-nav-link-button:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

@media screen and (min-width:768px) {
    .build-nav-link-button {
        width: 200px;
        margin-right: 0
    }
}

@media screen and (min-width:1024px) {
    .build-nav-link-button {
        width: 300px
    }
}

@media screen and (min-width:768px) {
    .build-nav-mobile {
        display: none
    }
}

@media print {
    .build-nav-mobile {
        display: none
    }
}

.build-nav-mobile-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-left: 1px solid #169442;
    border-radius: 0;
    line-height: 1;
    padding: 10px 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.build-nav-mobile-button.mobile-open {
    background: url(/images/patterns/bg-red-diagonal.png) #169442
}

.build-nav-icon {
    fill: #fff;
    height: 36px;
    width: 36px
}

.bp-colors {
    background: #fff;
    min-height: 500px;
    padding: 20px
}

@media screen and (min-width:768px) {
    .bp-colors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 50px
    }
}

.colors-image-wrap {
    padding: 20px
}

@media screen and (min-width:768px) {
    .colors-image-wrap {
        padding: 30px;
        width: 60%
    }
}

.colors-image-image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .colors-info {
        width: 40%
    }
}

.color-info-inner {
    opacity: 1
}

.color-info-inner.colors-appear,
.color-info-inner.colors-enter {
    opacity: 0
}

.color-info-inner.colors-appear.colors-appear-active,
.color-info-inner.colors-enter.colors-enter-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.color-info-inner.colors-leave {
    opacity: 0
}

.color-info-inner.colors-leave.colors-leave-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.colors-info-name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .colors-info-name {
        font-size: 24px
    }
}

.colors-info-price {
    color: #4a4a4a;
    font-size: 12px;
    margin: 0
}

@media screen and (min-width:768px) {
    .colors-info-price {
        font-size: 14px
    }
}

.bp-footer {
    z-index: 500;
    -webkit-box-shadow: inset 0 4px 0 0 #ececec;
    box-shadow: inset 0 4px 0 0 #ececec;
    background: #fff;
    bottom: 0;
    left: 0;
    max-width: 1600px;
    padding: 26px 10px;
    position: fixed;
    width: 100%
}

@media screen and (min-width:768px) {
    .bp-footer {
        padding: 29px 10px
    }
}

@media screen and (min-width:1024px) {
    .bp-footer {
        left: auto
    }
}

@media screen and (min-width:1440px) {
    .bp-footer {
        max-width: 1600px
    }
}

.bp-footer.footer-appear,
.bp-footer.footer-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.bp-footer.footer-appear.footer-appear-active,
.bp-footer.footer-enter.footer-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.bp-footer.footer-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.bp-footer.footer-leave.footer-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.bp-footer .odometer-digit:last-child {
    display: none
}

.bp-footer-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bp-footer-inner.no-total {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width:768px) {
    .bp-footer-inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

.bp-footer__next-wrap {
    width: auto
}

@media screen and (min-width:768px) {
    .bp-footer__next-wrap {
        width: 25%
    }
}

.bp-footer-trigger {
    background: #169442;
    border: 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    padding: 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.bp-footer-trigger:hover {
    background: #169442
}

.bp-footer-trigger.inactive {
    pointer-events: none;
    background: #e9e9e9;
    border-color: #e9e9e9;
    color: #4a4a4a;
    cursor: auto
}

.bp-footer-trigger.inactive:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:768px) {
    .bp-footer-trigger {
        float: right;
        max-width: 165px;
        padding: 13px 25px;
        text-align: center
    }
}

.bp-footer-label {
    display: none
}

@media screen and (min-width:768px) {
    .bp-footer-label {
        display: inline;
        font-size: 14px
    }
}

.bp-footer-icon {
    fill: #fff;
    height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 17px;
    top: 50%;
    width: 14px
}

@media screen and (min-width:768px) {
    .bp-footer-icon {
        display: none
    }
}

.bp-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left;
    font-family: Roboto, sans-serif;
    line-height: 1
}

@media screen and (min-width:768px) {
    .bp-info {
        width: auto
    }
}

.bp-info-title {
    display: block;
    font-size: 24px;
    margin: 0;
    text-transform: uppercase
}

.bp-info-label {
    color: #4a4a4a;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .bp-info-label {
        display: inline-block;
        font-size: .65em
    }
}

.bp-info-icon {
    background: #d8d8d8;
    border-radius: 50%;
    fill: #169442;
    height: 12px;
    margin-left: 5px;
    padding: 3px;
    width: 12px
}

@media screen and (min-width:768px) {
    .bp-info-icon {
        height: 14px;
        width: 14px
    }
}

.bp-info-subtext-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bp-info-subtext {
    color: #868686;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .27px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    margin: 3px 0 0
}

.bp-info-subtext:last-of-type {
    padding-left: 6px;
    border-left: solid #868686 1px
}

.bp-info-subtext:first-of-type {
    margin-right: 6px;
    border: 0
}

.bp-wrapper {
    background: #fff;
    padding: 0
}

.switch-appear .bp-wrapper,
.switch-enter .bp-wrapper {
    opacity: 0
}

.switch-appear.switch-appear-active .bp-wrapper,
.switch-enter.switch-enter-active .bp-wrapper {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.switch-leave .bp-wrapper {
    opacity: 0
}

.switch-leave.switch-leave-active .bp-wrapper {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.bp-trims {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 25px 120px;
    position: relative
}

@media screen and (min-width:768px) {
    .bp-trims {
        padding: 0 42px 138px
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.build-loader {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    left: 50%;
    margin: 0 auto;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 9999
}

.build-loader.loading-appear {
    opacity: .1
}

.build-loader.loading-appear.loading-appear-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.build-loader.loading-leave {
    opacity: 1
}

.build-loader.loading-leave.loading-leave-active {
    opacity: .01;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.build-loader-icon {
    -webkit-animation: spinner .75s infinite forwards;
    animation: spinner .75s infinite forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    fill: #169442;
    height: 100px;
    padding: 10px;
    width: 100px
}

.build-loader-label {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.section-nav-wrap {
    background: #fff;
    z-index: 9999
}

@media screen and (min-width:768px) {
    .section-nav-wrap {
        height: auto;
        padding: 50px
    }
}

@media print {
    .section-nav-wrap {
        display: none
    }
}

.section-nav-inner {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999
}

.section-nav-inner.stuck {
    position: fixed
}

@media screen and (min-width:768px) {
    .section-nav-inner.stuck {
        position: relative
    }
}

@media screen and (min-width:768px) {
    .section-nav-inner {
        background-color: transparent;
        border: 0;
        position: relative
    }
}

.section-nav {
    background: #fff;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    display: none;
    left: 20px;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0;
    position: absolute;
    width: 350px;
    z-index: 9999
}

.section-nav.show-mobile {
    display: block
}

.section-nav:after,
.section-nav:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    left: 5%;
    position: absolute;
    z-index: 1
}

.section-nav:after {
    border-bottom-color: #fff
}

.section-nav:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

@media screen and (min-width:768px) {
    .section-nav {
        background: #e9e9e9;
        border-radius: 35px;
        -webkit-box-shadow: 0 0 0 0 #9b9b9b;
        box-shadow: 0 0 0 0 #9b9b9b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: auto;
        margin: 0;
        padding: 6px;
        position: relative;
        width: 100%
    }

    .section-nav:after,
    .section-nav:before {
        content: none
    }
}

.section-nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-nav-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 15px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 50px
}

.section-nav-link:before {
    background: #169442;
    content: "";
    height: calc(100% - 20px);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: width .3s;
    transition: width .3s;
    width: 0
}

.section-nav-link:disabled {
    cursor: default
}

.active-item .section-nav-link {
    color: rgba(223, 27, 33, .95)
}

.active-item .section-nav-link:before {
    width: 4px
}

@media screen and (min-width:768px) {
    .section-nav-link {
        color: rgba(0, 0, 0, .88);
        padding: 15px;
        text-align: center
    }

    .active-item .section-nav-link {
        color: rgba(0, 0, 0, .88)
    }

    .active-item .section-nav-link:before {
        content: none
    }
}

.section-nav-indicator {
    display: none
}

@media screen and (min-width:768px) {
    .section-nav-indicator {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #169442;
        border-radius: 50px;
        color: #fff;
        counter-increment: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: Roboto, sans-serif;
        font-weight: 700;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        text-transform: uppercase;
        top: 6px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

.section-nav-mobile {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px) {
    .section-nav-mobile {
        display: none
    }
}

.section-nav-mobile-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    line-height: 0;
    padding: 15px
}

.section-nav-mobile-trigger {
    border-right: 1px solid #dfdfdf
}

.section-nav-icon {
    fill: #169442;
    height: 40px;
    width: 40px
}

.section-nav-next-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.section-nav-next {
    background: #169442;
    border-radius: 40px;
    color: #fff;
    font-family: Roboto, sans-serif;
    line-height: 1;
    padding: 12px 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 75%
}

.section-nav-next-icon {
    fill: #fff;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px
}

.section-nav-mask {
    background: 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.show-mobile .section-nav-mask {
    display: block
}

@media screen and (min-width:768px) {
    .section-nav-mask {
        display: none
    }

    .show-mobile .section-nav-mask {
        display: none
    }
}

.section-nav-title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .61px;
    line-height: 24px;
    font-size: 24px;
    margin: 0;
    padding: 20px 25px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .section-nav-title {
        padding: 40px 0 0
    }
}

.section-nav-title .asterisk-icon {
    margin-bottom: 10px
}

.section-nav-subtitle {
    font-size: .85em;
    padding-top: 0
}

.success-popup {
    background: #86c540;
    left: 0;
    padding: 20px;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    z-index: 9999
}

.success-popup.popup-appear,
.success-popup.popup-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.success-popup.popup-appear.popup-appear-active,
.success-popup.popup-enter.popup-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.success-popup.popup-leave {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.success-popup.popup-leave.popup-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.success-popup.hide {
    display: none;
    visibility: hidden
}

.success-message {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.success-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    right: 2%;
    top: 50%
}

.succes-close-icon {
    fill: #fff;
    height: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 20px
}

.success-close:hover .succes-close-icon {
    fill: #527a25
}

@media screen and (max-width:767px) {
    .bp-wrapper .section-nav-title {
        font-size: 30px;
        font-weight: 500;
        letter-spacing: .61px;
        line-height: 24px;
        padding-top: 45px;
        padding-bottom: 30px
    }
}

@media screen and (min-width:768px) {
    .bp-wrapper .section-nav-title {
        padding-top: 71px
    }
}

@media screen and (max-width:1024px) {
    .bp-wrapper .section-nav-title {
        max-width: 67%
    }
}

@media screen and (max-width:767px) {
    .bp-wrapper .section-nav-title {
        max-width: 100%
    }
}

@media screen and (min-width:1024px) {
    .bp-wrapper .section-nav-title {
        padding-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .bp-wrapper .section-nav-subtitle {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .55px;
        line-height: 24px;
        padding-top: 0;
        padding-bottom: 0
    }
}

.bp-wrapper .offers-heading {
    margin-bottom: 0
}

.bp-wrapper .feature-wrap-summary {
    margin: 0 -25px
}

@media screen and (min-width:768px) {
    .bp-wrapper .feature-wrap-summary {
        margin: 0 -50px
    }
}

.bp-wrapper .specs-wrap-title {
    padding-top: 40px
}

.bp-wrapper .spec-wrap-summary {
    margin: 0 -25px;
    padding-bottom: 120px
}

@media screen and (min-width:768px) {
    .bp-wrapper .spec-wrap-summary {
        margin: 0 -50px
    }
}

@media screen and (min-width:768px) {
    .bp-wrapper .access-image-wrap {
        width: 65%
    }
}

.bp-summary-wrap {
    background: #fff;
    padding: 0 25px 0
}

@media screen and (min-width:768px) {
    .bp-summary-wrap {
        padding: 10px 50px 0
    }
}

.bp-summary-wrap .spec-info-title {
    display: none
}

.bp-summary-wrap-inner {
    position: relative
}

@media screen and (min-width:768px) {
    .bp-summary-wrap-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media print {
    .bp-summary-wrap-inner {
        display: block
    }
}

@media screen and (min-width:768px) {
    .header-msrp {
        position: absolute;
        right: 10px;
        top: -85px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (min-width:1024px) {
    .header-msrp {
        top: -95px
    }
}

.header-msrp .summary-total-label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 8px;
    position: relative
}

.summary-total-label.base {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a
}

.summary-image-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media print {
    .summary-image-wrap {
        float: left;
        width: 40%
    }
}

.summary-image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.summary-info {
    font-family: Roboto, sans-serif
}

@media screen and (min-width:768px) {
    .summary-info {
        width: 40%
    }
}

@media print {
    .summary-info {
        float: right;
        width: 50%
    }
}

.summary-info-title {
    border-bottom: 1px solid #9b9b9b;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 23px;
    padding: 10px 0 5px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .summary-info-title {
        margin-top: 0;
        padding-top: 0
    }
}

.summary-info-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 39px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.summary-options {
    margin-top: 20px
}

.summary-options-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    padding: 5px 5px 5px 35px;
    position: relative;
    text-transform: uppercase
}

@media print {
    .summary-options-trigger {
        padding: 5px
    }
}

.summary-option-icon {
    background: #169442;
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    left: 2px;
    margin-top: -12px;
    padding: 5px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px
}

@media print {
    .summary-option-icon {
        display: none
    }
}

.summary-options-trigger.open .summary-option-icon {
    background: #090101;
    padding-top: 4px
}

.summary-option-list {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.summary-option-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 5px 0;
    position: relative;
    text-transform: uppercase
}

.summary-option-item.options-leave {
    max-height: 45px;
    opacity: 1;
    overflow: hidden;
    padding: 10px 0 10px 0
}

.summary-option-item.options-leave.options-leave-active {
    max-height: 0;
    opacity: 0;
    padding: 0;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

@media print {
    .summary-option-item {
        padding: 10px 0
    }
}

.summary-option-price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summary-option-remove {
    background: #169442;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    padding: 9px 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 20px;
    margin-left: 10px
}

.summary-option-remove:hover {
    background: #169442
}

.summary-option-remove:before {
    background: #fff;
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    width: 10px
}

@media print {
    .summary-option-remove {
        display: none
    }
}

.summary-option-part-number {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0
}

.summary-option-name,
.summary-option-price {
    font-weight: 500;
    margin: 0;
    padding: 0
}

.summary-total {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border: 1px solid #dfdfdf;
    font-family: Roboto, sans-serif;
    line-height: 1;
    margin-top: 20px;
    padding: 16px 24px 12px;
    text-align: center
}

@media screen and (min-width:768px) {
    .summary-total {
        padding: 19px 24px 12px;
        width: auto
    }
}

.summary-total .asterisk-icon {
    margin-bottom: 10px
}

.summary-total-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .summary-total-title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .43px
    }
}

.summary-total-label {
    color: #4a4a4a;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
    position: relative
}

.summary-total-icon {
    background: #d8d8d8;
    border-radius: 50%;
    fill: #169442;
    height: 12px;
    margin-left: 5px;
    padding: 3px;
    position: absolute;
    top: -8px;
    width: 12px
}

@media screen and (min-width:768px) {
    .summary-total-icon {
        height: 14px;
        width: 14px
    }
}

.summary-total-subtext-top-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summary-total-subtext-top-container .summary-total-subtext {
    color: #868686;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .27px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    margin: 3px 0 0
}

.summary-total-subtext-top-container .summary-total-subtext:last-of-type {
    padding-left: 6px;
    border-left: solid #868686 1px
}

.summary-total-subtext-top-container .summary-total-subtext:first-of-type {
    margin-right: 6px;
    border: 0
}

.summary-total-subtext-summary-container .summary-total-subtext {
    color: #868686;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .27px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    margin: 3px 0 0
}

.summary-total-subtext {
    color: #4a4a4a;
    font-size: 10px;
    margin: 3px 0 0
}

@media screen and (max-width:767px) {
    .summary-total-subtext {
        font-size: 12px;
        line-height: 14px;
        margin-top: 5px
    }
}

@media screen and (min-width:768px) {
    .summary-total-subtext {
        font-size: 12px
    }

    .header-msrp .summary-total-subtext {
        float: right;
        margin-top: 0
    }
}

.summary-footer {
    margin-top: 30px
}

.summary-footer .filter-select-trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

.summary-footer .filter-select-trigger:hover .filter-select-text {
    color: rgba(223, 27, 33, .95)
}

.summary-footer .filter-select-text {
    color: #090101;
    font-weight: 400;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.summary-footer .filter-select-item {
    padding-bottom: 4px;
    padding-top: 4px
}

.summary-footer .filter-select-value {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left: 35px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.summary-footer .filter-select-value:hover {
    color: #169442
}

.summary-footer .filter-select-wrap.active .filter-select-icon {
    -webkit-transform: none;
    transform: none
}

.summary-footer .filter-select-list {
    left: 0;
    margin-top: 20px;
    padding: 14px;
    width: auto
}

.summary-footer .filter-select-icon {
    background-color: transparent;
    fill: #169442;
    height: 21px;
    left: 0;
    margin: 0;
    padding: 0;
    right: auto;
    top: 7px;
    width: 21px
}

.summary-footer .filter-select-icon.filter-select-icon {
    background-color: transparent
}

:hover>.summary-footer .filter-select-icon {
    background-color: transparent
}

.summary-footer-info {
    border-bottom: 1px solid #dfdfdf
}

.summary-quote {
    display: block;
    font-size: 14px;
    font-weight: 600;
    width: 100%
}

@media print {
    .summary-quote {
        display: none
    }
}

.summary-subtext {
    color: #090101;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 30px 0;
    margin-top: 0;
    margin-bottom: 0
}

.summary-subtext a {
    color: #169442;
    text-decoration: none
}

.summary-subtext a:hover {
    color: #169442
}

.summary-footer-list {
    list-style-type: none;
    margin: 0;
    margin-bottom: 80px;
    padding: 20px 0 0
}

@media print {
    .summary-footer-list {
        display: none
    }
}

@media screen and (min-width:768px) {
    .summary-footer-list {
        margin-bottom: 30px
    }
}

.summary-footer-item {
    padding: 8px 0
}

.summary-footer-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.summary-footer-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.summary-footer-link:hover {
    color: #169442
}

.summary-footer-link svg.summary-footer-icon {
    height: 18px;
    margin-right: 14px;
    vertical-align: middle;
    width: 18px
}

.summary-footer-link__email {
    text-decoration: none
}

.summary-footer-raq-btn {
    padding: 21px 0;
    text-align: right
}

.summary-footer-raq-btn .summary-quote {
    display: inline-block;
    width: 180px
}

@media screen and (min-width:768px) {
    .summary-footer-raq-btn .summary-quote {
        width: 224px
    }
}

@-webkit-keyframes dots {
    0% {
        content: ".\00a0\00a0"
    }

    50% {
        content: "..\00a0"
    }

    100% {
        content: "..."
    }
}

@keyframes dots {
    0% {
        content: ".\00a0\00a0"
    }

    50% {
        content: "..\00a0"
    }

    100% {
        content: "..."
    }
}

@-webkit-keyframes check {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    15%,
    75% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    25%,
    65%,
    85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes check {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    15%,
    75% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    25%,
    65%,
    85% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bp-summary-wrap .access-modal {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.save-build-image-wrap {
    padding: 30px
}

.save-build-image {
    display: block;
    margin: 0 auto;
    max-width: 75%
}

.save-build-title {
    margin: 0 0 10px;
    padding: 0
}

.save-build-desc {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.save-build-form {
    padding: 30px
}

.save-build-fieldset {
    border: 0;
    padding: 0
}

.save-build-field {
    display: block;
    width: 100%
}

.save-build-submit {
    display: block;
    margin-top: 20px;
    position: relative;
    width: 209px
}

.save-build-submit.loading:after {
    -webkit-animation: dots 1.25s infinite;
    animation: dots 1.25s infinite;
    content: "\00a0\00a0\00a0"
}

.save-build-submit.animate {
    background: #86c540;
    border-color: #86c540
}

.save-build-field {
    background: #ececec;
    border: 1px solid #dfdfdf;
    color: #090101;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 14px
}

.save-build-field.has-error {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.save-build-error {
    color: #169442;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 5px
}

.save-build-text {
    -webkit-transition: all .3s;
    transition: all .3s
}

.animate .save-build-text {
    opacity: 0;
    -webkit-transition: 0;
    transition: 0
}

.save-build-check {
    border: 3px solid #fff;
    border-radius: 50%;
    fill: #fff;
    height: 24px;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    padding: 3px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 24px
}

.animate .save-build-check {
    -webkit-animation: check 1.5s linear;
    animation: check 1.5s linear;
    -webkit-animation-direction: forwards;
    animation-direction: forwards
}

@media print {
    html {
        background: #fff
    }
}

@media print {
    .build-logo {
        background: #fff;
        padding-top: 0
    }
}

@media print {
    .build-logo-desktop {
        background: #169442;
        margin: 0
    }
}

@media print {
    .bp-wrapper .section-nav-wrap {
        display: block
    }

    .bp-wrapper .section-nav-wrap .section-nav,
    .bp-wrapper .section-nav-wrap .section-nav-mobile {
        display: none
    }

    .bp-wrapper .section-nav-wrap .section-nav-inner {
        border: 0
    }
}

@media print {

    .feature-wrap,
    .offers-wrap,
    .specs-wrap {
        display: none
    }
}

@media print {
    .bp-summary-wrap {
        position: relative
    }
}

@media print {
    .bp-summary-wrap-inner {
        overflow: auto
    }
}

@media print {
    .summary-total {
        margin-top: 38px;
        padding-bottom: 13px;
        padding-top: 18px
    }
}

@media print {
    .summary-total.d-print-block {
        background: 0 0;
        border: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: -85px
    }
}

@media print {
    .summary-total-icon {
        display: inline-block;
        position: relative;
        top: -3px
    }
}

@media print {
    .summary-total-label {
        color: #4a4a4a;
        float: right;
        font-size: 14px;
        font-weight: 400;
        margin-left: 5px;
        margin-top: 6px
    }

    .summary-total:not(.d-print-block) .summary-total-label {
        display: block;
        width: 100%;
        margin-top: 0
    }
}

@media print {
    .summary-total-subtext {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400
    }
}

@media print {
    .header-msrp {
        display: none
    }
}

@media print {
    .summary-subtext-print {
        color: #9b9b9b;
        font-size: 12px;
        font-weight: 300;
        margin-top: 50px
    }
}

@media print {
    .summary-options-trigger {
        font-size: 14px
    }
}

@media print {
    .summary-info-list {
        padding-bottom: 20px
    }
}

@media print {

    .summary-info-list,
    .summary-info-value {
        color: rgba(0, 0, 0, .88);
        font-size: 14px
    }
}

.asterik {
    color: rgba(223, 27, 33, .95)
}

.summary-disclaimer {
    clear: both
}

@media print {
    .summary-option-item {
        padding: 7px 0
    }
}

.bp-trims .select,
.raq .select {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    float: right
}

.bp-trims .select:hover,
.raq .select:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {

    .bp-trims .select:hover,
    .raq .select:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.bp-trims .select.active,
.raq .select.active {
    background: #169442;
    border-color: #169442
}

.bp-trims .details,
.raq .details {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff;
    float: none
}

.bp-trims .details:hover,
.raq .details:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.bp-trims .colorswatch-swatches,
.raq .colorswatch-swatches {
    display: none
}

.bp-trims .trim-footer,
.raq .trim-footer {
    display: none
}

.raq .year-toggle-wrap {
    margin: 50px auto 30px
}

@media screen and (min-width:768px) {
    .raq .year-toggle-wrap {
        margin: 30px auto
    }
}

.bp-trims .year-toggle-wrap {
    margin: 30px auto
}

.year-toggle-wrap {
    margin: 20px auto 40px;
    text-align: center
}

.year-toggle {
    display: inline-block
}

@media screen and (min-width:1024px) {
    .year-toggle {
        margin: 0
    }
}

.year-toggle-list {
    background: #f3f3f3;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.year-toggle-item {
    position: relative;
    z-index: 1
}

.year-toggle-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #090101;
    display: block;
    font-family: Roboto, sans-serif;
    line-height: 1.15;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

button.year-toggle-link {
    cursor: pointer
}

.year-toggle-indicator {
    background: #169442;
    border-radius: 25px;
    color: #fff;
    font-family: Roboto, sans-serif;
    height: 100%;
    left: 0;
    padding: 7px 20px;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 1
}

.year-toggle-indicator[data-active='1'] {
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.compare-model-landing {
    background-color: #fff;
    padding: 0
}

.compare-model-landing .header-title {
    text-transform: uppercase
}

.category-selection-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 32px 25px;
    text-transform: uppercase;
    border-top: 4px solid #169442
}

@media screen and (min-width:768px) {
    .category-selection-title {
        padding: 36px 50px 33px
    }
}

.category-selection-list {
    margin: 0;
    padding: 0 0 1px;
    list-style: none;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (min-width:768px) {
    .category-selection-list {
        padding-top: 57px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.category-selection-item {
    position: relative;
    margin: 0 0 92px;
    padding: 0
}

@media screen and (min-width:768px) {
    .category-selection-item {
        margin-bottom: 120px
    }
}

.category-selection-image {
    height: 343px;
    background-size: cover
}

@media screen and (min-width:768px) {
    .category-selection-image {
        height: 486px
    }
}

@media screen and (min-width:768px) {
    .align-left .category-selection-image {
        margin-right: 163px
    }
}

@media screen and (min-width:768px) {
    .align-right .category-selection-image {
        margin-left: 163px
    }
}

.category-selection-details {
    margin-top: -25px;
    margin-right: 25px;
    margin-left: 25px;
    padding: 30px 25px 40px;
    border-bottom: 4px solid #169442;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .category-selection-details {
        position: absolute;
        bottom: 49px;
        width: 324px;
        min-height: 304px;
        margin: 0;
        padding-top: 52px;
        padding-right: 35px;
        padding-left: 35px
    }
}

@media screen and (min-width:1024px) {
    .category-selection-details {
        width: 454px;
        padding-right: 52px;
        padding-left: 52px
    }
}

.align-left .category-selection-details {
    right: 0
}

.align-right .category-selection-details {
    left: 0
}

.category-selection-name {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .51px;
    line-height: 36px;
    margin: 0;
    text-transform: uppercase
}

.category-selection-subtitle {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 28px 0 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .category-selection-subtitle {
        font-size: 18px;
        letter-spacing: .55px;
        margin-top: 16px
    }
}

.category-selection-cta {
    margin: 24px 0 0;
    width: 100%;
    line-height: 16px
}

@media screen and (min-width:768px) {
    .category-selection-cta {
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .category-selection-cta {
        min-width: 245px
    }
}

.compare-models-detail {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.compare-models-detail .header-title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .compare-models-detail .header-title {
        font-size: 36px
    }
}

.compare-models-detail .build-loader {
    z-index: 9999999999
}

.compare-models-detail-back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    text-transform: uppercase
}

.compare-models-detail-back:hover {
    color: #169442
}

.compare-models-detail-back svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px
}

.compare-models-list {
    border-top: 4px solid #169442;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 40px 0
}

.compare-models-list .trims-container {
    padding-bottom: 23px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .compare-models-list .trims-container {
        padding-left: 50px;
        padding-right: 50px
    }
}

.compare-models-list .trim-container {
    margin-bottom: 24px;
    min-width: auto
}

@media screen and (min-width:768px) {
    .compare-models-list .trim-container {
        margin-bottom: 18px;
        width: calc(33% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .compare-models-list .trim-container {
        width: calc(25% - 16px)
    }
}

.compare-models-list .trim-main {
    min-height: 218px;
    padding: 13px
}

.compare-models-list .colorswatch-image-container {
    padding: 0
}

.compare-models-list .trim-title {
    letter-spacing: .55px;
    line-height: 24px;
    margin-top: 6px
}

.compare-models-list .trim-footer {
    display: block;
    padding: 11px 16px 14px;
    text-decoration: none
}

.compare-models-list .trim-footer:hover .compare-button {
    color: #169442
}

.compare-models-list .selected .trim-footer {
    opacity: .5;
    pointer-events: none
}

.compare-models-list .trim-buttons {
    bottom: auto;
    position: relative;
    width: 100%
}

.compare-models-list .trim-buttons .details,
.compare-models-list .trim-buttons .select {
    padding: 10px
}

.compare-models-list .trim-price {
    padding-bottom: 10px;
    padding-top: 4px
}

.compare-models-list__section {
    margin: 0 0 36px
}

@media screen and (min-width:768px) {
    .compare-models-list__section {
        margin: 0 -8px 36px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .compare-models-list__section .tooltip {
        width: 230px
    }
}

.compare-models-list__section-title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
    margin-top: 42px
}

.compare-models-list__section-title:first-of-type {
    margin-top: 20px
}

.compare-models-panel__content-wrapper {
    position: relative;
    padding-bottom: 53px;
    border-top: 4px solid #169442
}

@media screen and (min-width:768px) {
    .compare-models-panel__content-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .compare-models-panel__content-wrapper {
        padding-bottom: 73px
    }
}

.compare-models-panel__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

button.compare-models-panel__item {
    cursor: pointer
}

.compare-models-panel__down-arrow {
    display: none;
    visibility: hidden;
    fill: #169442;
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.sticky .compare-models-panel__down-arrow {
    display: none;
    visibility: hidden
}

@media screen and (min-width:1024px) {
    .compare-models-panel__down-arrow {
        display: block;
        visibility: visible
    }
}

.compare-models-panel__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    padding-top: 29px;
    padding-right: 20px;
    padding-left: 20px;
    border: 0;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background: 0 0
}

@media screen and (min-width:768px) {
    .compare-models-panel__item {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px
    }
}

@media screen and (min-width:1024px) {
    .compare-models-panel__item {
        padding-right: 35px;
        padding-left: 35px
    }
}

@media screen and (min-width:768px) {
    .compare-models-panel__item:first-child {
        border-left: 1px solid #dadada
    }
}

.compare-models-panel__item.is-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0
}

.compare-models-panel__image {
    max-width: 100%;
    -webkit-transition: .4s;
    transition: .4s
}

@media screen and (min-width:768px) {
    .compare-models-panel__image {
        max-width: 230px;
        margin-right: auto;
        margin-left: auto
    }
}

.compare-models-panel__info-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.compare-models-panel__name {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    display: block;
    margin-top: 6px;
    letter-spacing: .33px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .compare-models-panel__name {
        font-size: 18px;
        letter-spacing: .37px;
        line-height: 24px
    }
}

.compare-models-panel__msrp {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-bottom: 14px;
    letter-spacing: .31px
}

@media screen and (min-width:768px) {
    .compare-models-panel__msrp {
        font-size: 16px;
        letter-spacing: .36px;
        line-height: 24px
    }
}

.compare-models-panel__change-model-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-right: -20px;
    margin-left: -20px;
    height: 40px;
    border-radius: 0
}

.compare-models-panel__change-model-trigger.active {
    background-color: #169442;
    border-color: #169442
}

@media screen and (min-width:768px) {
    .compare-models-panel__change-model-trigger {
        border-radius: 4px;
        margin-right: 0;
        margin-left: 0;
        height: 54px
    }
}

.compare-models-panel__plus-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #169442
}

@media screen and (min-width:768px) {
    .compare-models-panel__plus-wrapper {
        width: 84px;
        height: 84px
    }
}

.compare-models-panel__plus {
    width: 19.5px;
    height: 19.5px;
    fill: #169442;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (min-width:768px) {
    .compare-models-panel__plus {
        width: 31px;
        height: 31px
    }
}

.changing .compare-models-panel__plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.compare-models-panel__add-models-label,
.compare-models-panel__cancel-label {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {

    .compare-models-panel__add-models-label,
    .compare-models-panel__cancel-label {
        margin-top: 22px
    }
}

.changing .compare-models-panel__add-models-label {
    display: none
}

.compare-models-panel__cancel-label {
    display: none
}

.changing .compare-models-panel__cancel-label {
    display: inline
}

.compare-models-panel__remove-trigger {
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 0;
    border: 0;
    background: 0 0
}

.compare-models-panel__remove {
    width: 17px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    fill: #ececec
}

.compare-models-panel__arrow {
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    fill: #169442;
    opacity: 0;
    pointer-events: none
}

.changing .compare-models-panel__arrow {
    opacity: 1
}

.compare-models-panel__side-add-trigger {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 100%;
    border: 0;
    background: #169442;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.compare-models-panel__side-plus-wrapper {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid #fff
}

.compare-models-panel__side-plus {
    width: 12px;
    height: 12px;
    fill: #fff
}

.compare-models-panel__sticky-title {
    display: none
}

.compare-models-panel__content-wrapper.sticky {
    position: fixed;
    z-index: 1000000;
    height: 72px;
    top: 0;
    width: 100%;
    max-width: 1200px;
    background-color: #fff;
    padding-bottom: 0;
    border-top: none;
    border-bottom: 3px solid #169442
}

@media screen and (min-width:768px) {
    .compare-models-panel__content-wrapper.sticky {
        height: 168px
    }
}

.compare-models-panel__content-wrapper.sticky .btn-red,
.compare-models-panel__content-wrapper.sticky .compare-models-panel__info-container,
.compare-models-panel__content-wrapper.sticky .compare-models-panel__remove-trigger,
.compare-models-panel__content-wrapper.sticky .compare-models-panel__side-add-trigger {
    display: none;
    visibility: hidden
}

.compare-models-panel__content-wrapper.sticky .compare-models-panel__image {
    height: 51px;
    width: 78px;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width:768px) {
    .compare-models-panel__content-wrapper.sticky .compare-models-panel__image {
        width: 146px;
        height: 85px
    }
}

.compare-models-panel__content-wrapper.sticky .compare-models-panel__item {
    border-bottom: none;
    padding: 0;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .compare-models-panel__content-wrapper.sticky .compare-models-panel__item {
        padding: 19px 25px 35px
    }
}

.compare-models-panel__content-wrapper.sticky .compare-models-panel__items {
    height: 100%
}

.compare-models-panel__content-wrapper.sticky .compare-models-panel__sticky-title {
    display: none
}

@media screen and (min-width:768px) {
    .compare-models-panel__content-wrapper.sticky .compare-models-panel__sticky-title {
        text-transform: uppercase;
        display: block;
        color: rgba(0, 0, 0, .88);
        font-family: Roboto;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .29px;
        line-height: 24px;
        text-align: center;
        margin: 0 0 5px
    }
}

.compare-trim-specs.sticky {
    margin-top: 168px
}

.compare-models-trim-overlay[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.compare-models-trim-overlay[aria-hidden=false] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.compare-models-trim-overlay[aria-hidden=true] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.compare-models-trim-overlay[aria-hidden=true] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.compare-models-trim-overlay .year-toggle-wrap {
    margin: 0 0 27px 0
}

.compare-models-trim-overlay__nav-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px
}

.compare-models-trim-overlay__toggle {
    background: #f3f3f3;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.compare-models-trim-overlay__toggle-item {
    position: relative;
    z-index: 1
}

.compare-models-trim-overlay__toggle-link {
    color: rgba(0, 0, 0, .88);
    display: block;
    font-family: Roboto, sans-serif;
    padding: 5px 15px;
    text-decoration: none
}

a.compare-models-trim-overlay__toggle-link {
    cursor: pointer
}

.compare-models-trim-overlay__toggle-indicator {
    background: #169442;
    border-radius: 25px;
    color: rgba(255, 255, 255, .95);
    font-family: Roboto, sans-serif;
    height: 100%;
    left: 0;
    padding: 5px 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.compare-models-trim-overlay__overlay {
    position: fixed;
    z-index: 50000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    will-change: transform
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__overlay {
        padding: 130px 20px 20px
    }
}

.compare-models-trim-overlay__container {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    will-change: transform;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .3);
    box-shadow: 0 0 40px rgba(0, 0, 0, .3)
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__container {
        max-width: 984px;
        height: auto;
        max-height: calc(100vh - 150px)
    }
}

.compare-models-trim-overlay__top-bar {
    height: 54px;
    background-color: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__top-bar {
        height: 78px
    }
}

.compare-models-trim-overlay__close {
    margin: 0 25px;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__close {
        margin-right: 50px;
        margin-left: 50px
    }
}

.compare-models-trim-overlay__close svg {
    pointer-events: none;
    width: 24px;
    height: 24px;
    fill: #fff
}

.compare-models-trim-overlay__content {
    padding: 32px 25px 52px
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__content {
        padding-top: 32px;
        padding-bottom: 0
    }
}

.compare-models-trim-overlay__title {
    margin: 0;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    max-width: 505px;
    margin-bottom: 38px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width:1024px) {
    .compare-models-trim-overlay__title {
        max-width: none
    }
}

.compare-models-trim-overlay__trims .trim-container {
    border: 0
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__trims .trim-container {
        margin-right: 4px;
        margin-left: 4px;
        width: calc(33.33% - 8px);
        min-width: 0
    }
}

.compare-models-trim-overlay__trims .trim-main {
    min-height: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.compare-models-trim-overlay__trims .trim-footer {
    padding-top: 10px;
    cursor: default
}

.compare-models-trim-overlay__trims .btn-red {
    width: 100%;
    margin-bottom: 10px
}

.compare-models-trim-overlay__trims .btn-red:disabled {
    cursor: default
}

.compare-models-trim-overlay__trims .selected .btn-red {
    pointer-events: none;
    background-color: #169442;
    border-color: #169442
}

@media screen and (min-width:768px) {
    .compare-models-trim-overlay__trims {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -4px;
        margin-left: -4px
    }
}

@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.compare-trim-specs {
    margin: 0;
    padding: 0;
    border-top: 4px solid #169442
}

.compare-trim-specs__title {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0;
    padding: 18px 25px;
    text-transform: uppercase;
    text-align: center;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (min-width:768px) {
    .compare-trim-specs__title {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: .41px;
        line-height: 36px;
        padding-right: 77px;
        padding-left: 77px
    }
}

.compare-trim-specs__spec-title {
    color: #169442;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 9px 0 0;
    text-transform: uppercase
}

.compare-trim-specs__spec-subtitle {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 6px 0 0;
    text-align: center
}

.compare-trim-specs__details-wrapper {
    margin: 0
}

.compare-trim-specs__details-wrapper .compare-trim-spec__container {
    padding: 34px 25px
}

.compare-trim-specs__details-wrapper .compare-trim-spec__container:not(:first-of-type) {
    border-top: 2px solid #ececec
}

@media screen and (min-width:768px) {
    .compare-trim-specs__details-wrapper .compare-trim-spec__container {
        padding: 34px 50px
    }
}

@media screen and (min-width:1024px) {
    .compare-trim-specs__details-wrapper .compare-trim-spec__container {
        padding-top: 45px;
        padding-bottom: 48px;
        padding-left: 61px;
        padding-right: 61px
    }
}

.compare-trim-specs__details-wrapper.ctas {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 121px;
    padding: 0 25px;
    border-top: 3px solid #ececec
}

.compare-trim-specs__details-wrapper.ctas.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 1200px
}

.compare-trim-specs__details-wrapper.ctas .compare-trim-spec__details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:768px) {
    .compare-trim-specs__details-wrapper.ctas {
        height: 128px;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media screen and (min-width:1024px) {
    .compare-trim-specs__details-wrapper.ctas {
        height: 127px;
        padding-right: 77px;
        padding-left: 77px
    }
}

.compare-trim-specs__details-wrapper.ctas a {
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (max-width:767px) {
    .compare-trim-specs__details-wrapper.ctas a {
        padding: 6px 0;
        height: 29px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .31px;
        line-height: 16px;
        text-align: center
    }

    .compare-trim-specs__details-wrapper.ctas a.btn-red {
        margin-bottom: 6px
    }
}

.compare-trim-specs__details-wrapper h2.compare-trim-specs__spec-title:not(:first-of-type) {
    margin-top: 64px
}

.compare-trim-spec__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px -12px 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .compare-trim-spec__details {
        margin-right: -24px;
        margin-left: -24px;
        margin-top: 12px
    }
}

@media screen and (min-width:1024px) {
    .compare-trim-spec__details {
        margin-top: 26px
    }
}

.compare-trim-spec__detail {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 0 12px;
    padding: 0;
    width: calc(50% - 24px);
    color: rgba(0, 0, 0, .88);
    list-style: none
}

.compare-trim-spec__detail:not(.compare-trim-spec__ctas) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.compare-trim-spec__detail:not(.compare-trim-spec__ctas) .compare-trim-spec__detail__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.compare-trim-spec__detail:not(.compare-trim-spec__ctas) .compare-trim-spec__detail__inner:not(:first-of-type) {
    margin-top: 14px
}

.compare-trim-spec__detail:not(.compare-trim-spec__ctas) .dot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #169442;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    margin-top: 8px
}

@media screen and (min-width:768px) {
    .compare-trim-spec__detail:not(.compare-trim-spec__ctas) .dot {
        margin-right: 21px
    }
}

@media screen and (min-width:768px) {
    .compare-trim-spec__detail {
        margin-right: 24px;
        margin-left: 24px
    }
}

.compare-trim-spec__detail:first-child:nth-last-child(3),
.compare-trim-spec__detail:nth-last-child(3)~* {
    width: calc(33.33% - 24px)
}

@media screen and (min-width:768px) {
    .compare-trim-spec__ctas {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .compare-trim-spec__ctas {
        padding-right: 40px
    }
}

.compare-trim-spec__cta {
    width: 100%;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .compare-trim-spec__cta {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media screen and (min-width:768px) {
    .compare-trim-spec__cta {
        margin-right: 4px;
        margin-left: 4px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.configurator__container {
    position: relative
}

.configurator__360 {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    width: 100%;
    position: relative
}

.configurator__360 img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.configurator__360 img.active {
    display: block;
    visibility: visible
}

.configurator__360 img.inactive {
    display: none;
    visibility: hidden
}

.configurator__360__overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.configurator__360__overlay-img.active {
    display: block;
    visibility: visible
}

.configurator__360__overlay-img.inactive {
    display: none;
    visibility: hidden
}

.configurator__360__no-image-banner-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
    z-index: 99999
}

.configurator__360__no-image-banner {
    padding: 14px 14px;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dfdfdf;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.configurator__360__no-image-banner button {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    outline: 0;
    background: 0 0;
    border: none
}

.configurator__360__no-image-banner svg {
    height: 12px;
    width: 12px;
    fill: #169442
}

.configurator__360__no-image-banner p {
    margin: 0 0 0 12px;
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 18px
}

.configurator__360__no-image-banner-appear,
.configurator__360__no-image-banner-enter {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

.configurator__360__no-image-banner-appear-active,
.configurator__360__no-image-banner-enter-active {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

.configurator__360__no-image-banner-leave {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.configurator__360__no-image-banner-leave-active {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.configurator__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .configurator__navigation {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.configurator__navigation__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.configurator__navigation__controls__buttons button {
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    background-color: #169442;
    width: 35px;
    height: 35px
}

.configurator__navigation__controls__buttons button:last-of-type {
    margin-left: 6px
}

.configurator__navigation__controls__buttons button svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 14px;
    width: 14px;
    fill: #fff
}

.configurator__navigation__controls__dots {
    margin-left: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.configurator__navigation__controls__dots button {
    cursor: pointer;
    padding: 0;
    outline: 0;
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #d8d8d8;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.configurator__navigation__controls__dots button:not(:last-of-type) {
    margin-right: 9px
}

.configurator__navigation__controls__dots button.active {
    background-color: #169442
}

@media screen and (min-width:768px) {
    .configurator__navigation__zoom {
        margin-left: 30%
    }
}

@media screen and (min-width:1024px) {
    .configurator__navigation__zoom {
        margin-left: 40%
    }
}

.configurator__navigation__zoom button {
    cursor: pointer;
    background-color: #fff;
    border: 0;
    margin: 0;
    padding: 0
}

.configurator__navigation__zoom button svg {
    height: 26px;
    width: 26px;
    fill: #169442
}

.configurator__modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.configurator__modal-close-btn svg {
    fill: #fff;
    height: 18px;
    width: 18px
}

.configurator__modal .configurator__360 {
    height: auto
}

.configurator__modal .configurator__navigation {
    width: 100%;
    max-width: 1440px;
    padding: 50px 20px 20px;
    min-height: 12vh
}

@media screen and (min-width:1024px) {
    .configurator__modal .configurator__navigation {
        padding: 0 50px 40px
    }
}

.configurator__modal .configurator__navigation__controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media screen and (min-width:1024px) {
    .configurator__modal .configurator__navigation__controls {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.configurator__modal .configurator__navigation__controls__dots {
    margin-right: 21px
}

.configurator__modal .configurator__360 img.active {
    width: 100%;
    max-height: 80vh;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto
}

.configurator__modal .configurator__navigation__messages {
    position: absolute;
    top: -60px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:1024px) {
    .configurator__modal .configurator__navigation__messages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        top: 0
    }
}

.configurator__modal .configurator__navigation__desktop-message {
    display: none;
    color: #787878;
    font-family: Roboto;
    font-size: 14px
}

@media screen and (min-width:1024px) {
    .configurator__modal .configurator__navigation__desktop-message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.configurator__modal .configurator__navigation__mobile-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #787878;
    font-family: Roboto;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:1024px) {
    .configurator__modal .configurator__navigation__mobile-message {
        display: none
    }
}

.configurator__modal-header {
    background-color: #169442;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 62px
}

.configurator__modal-close-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    margin-right: 20px
}

.configurator__modal-close-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:1024px) {
    .configurator__modal-close-btn {
        margin-right: 50px
    }
}

.img-magnifier-container {
    position: relative;
    overflow: hidden;
    padding: 50px 0
}

@media screen and (min-width:1024px) {
    .img-magnifier-container {
        padding: 10px 0
    }
}

.access-image-inner {
    position: relative
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background-color: #fff;
    display: none;
    background-position: 50% 50%;
    opacity: 0;
    cursor: none;
    outline: 0;
    text-indent: 0;
    top: 20%;
    left: 20%
}

@media screen and (min-width:1024px) {
    .img-magnifier-glass {
        width: 300px;
        height: 300px;
        top: 40%;
        left: 40%
    }
}

.ReactModal__Body--open {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    left: 0
}

.ReactModal__Body--open .ReactModal__Overlay {
    overflow-x: auto
}

.ReactModal__Body--open .bp-wrapper {
    display: none
}

.contact-module {
    padding-left: 0;
    padding-right: 0
}

.contact-module .row.button {
    margin: 0;
    padding: 0
}

.sectionTop {
    background: #fff;
    border-bottom: 3px solid #169442;
    padding: 0 25px 30px
}

@media screen and (min-width:768px) {
    .sectionTop {
        padding-bottom: 45px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:768px - 1) {
    .sectionTop .row {
        margin-right: 0;
        margin-left: 0
    }
}

.sectionBottom {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 48px 10px 100px
}

@media screen and (min-width:768px) {
    .sectionBottom {
        padding-right: 50px;
        padding-left: 50px
    }
}

.sectionBottom .row {
    margin: 0
}

@media screen and (min-width:768px) {
    .sectionBottom .row {
        margin-right: -9.5px;
        margin-left: -9.5px;
        margin-bottom: 18px
    }
}

@media screen and (min-width:1024px) {
    .sectionBottom .row {
        margin-bottom: 30px
    }
}

@media screen and (min-width:768px) {
    .sectionBottom .col-md-6 {
        padding-right: 9.5px;
        padding-left: 9.5px
    }
}

.sectionBottom .box2 .text+.row.button {
    margin-top: 38px
}

.box1,
.box2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 18px
}

@media screen and (min-width:768px) {

    .box1,
    .box2 {
        height: 100%;
        margin-bottom: 0
    }
}

.box1 .title,
.box2 .title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 72px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {

    .box1 .title,
    .box2 .title {
        height: 72px
    }
}

.box1 .title .icon,
.box2 .title .icon {
    fill: #169442;
    height: 35px;
    margin-right: 15px;
    width: 35px
}

@media screen and (min-width:768px) {

    .box1 .title .icon,
    .box2 .title .icon {
        margin-top: 0
    }
}

.box1 .content,
.box2 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 65px);
    padding: 0 25px 48px
}

@media screen and (min-width:768px) {

    .box1 .content,
    .box2 .content {
        height: calc(100% - 72px)
    }
}

.box1 .text,
.box2 .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.box1 .text+.row.button,
.box2 .text+.row.button {
    margin-top: 17px
}

@media screen and (min-width:768px) {

    .box1 .text+.row.button,
    .box2 .text+.row.button {
        margin-top: 14px
    }
}

.box1 .title {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom-color: #fff;
    padding: 23px 25px
}

@media screen and (min-width:768px) {
    .box1 .title {
        padding-bottom: 0;
        padding-top: 0
    }
}

.box1 .content {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (min-width:768px) {
    .box1 .content {
        padding-bottom: 31px
    }
}

@media screen and (max-width:767px) {
    .box1 .content .text {
        margin-top: 7px
    }
}

.box2 .title {
    background: #fff;
    padding: 18px 25px
}

@media screen and (min-width:768px) {
    .box2 .title {
        padding-bottom: 0;
        padding-top: 0
    }
}

.box2 .title .icon {
    height: 35px;
    width: 35px
}

.box2 .title .large-icon {
    height: 50px;
    width: 50px
}

.box2.phone-fax .large-icon {
    position: relative;
    top: 2px;
    height: 50px;
    width: 50px;
    margin-bottom: -12px;
    margin-right: -7px
}

@media screen and (max-width:767px) {
    .box2.phone-fax .large-icon {
        width: 47px;
        height: 47px
    }
}

.box2 .content {
    padding-bottom: 40px;
    padding-top: 25px;
    background: #fff;
    border-bottom: 3px solid #169442
}

.box2 .content p:first-child {
    margin-top: 0
}

.contact-days {
    font-weight: 700;
    margin-top: 2em
}

@media screen and (max-width:767px) {
    .contact-days {
        margin-top: -2px
    }
}

@media screen and (min-width:768px) {
    .contact-days {
        margin-top: -10px
    }
}

.phone-fax .contact-days {
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .phone-fax .contact-days {
        margin-top: 10px
    }
}

.phone-fax .content {
    border-bottom: none;
    padding-bottom: 80px
}

.tablet-singular {
    margin-top: 10px
}

@media screen and (min-width:768px) {
    .tablet-singular {
        margin-top: 18px
    }
}

@media screen and (min-width:1024px) {
    .tablet-singular {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .customer-service {
        margin-right: -6px
    }
}

.customer-service .title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .customer-service .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.customer-service .button a {
    width: 100%
}

@media screen and (min-width:768px) {
    .customer-service .button a {
        width: 251px
    }
}

@media screen and (min-width:768px) {
    .customer-service .content {
        padding-bottom: 47px
    }
}

@media screen and (min-width:768px) {
    .live-chat {
        margin-left: -7px
    }
}

@media screen and (min-width:768px) {
    .live-chat .content {
        padding-bottom: 47px
    }
}

.live-chat .text {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .live-chat .text {
        margin-bottom: 19px
    }
}

.twitter .button a {
    width: 100%
}

@media screen and (min-width:1024px) {
    .twitter .button a {
        width: 236px
    }
}

.twitter .icon {
    margin-top: -3px
}

.contact-module__notice {
    background-color: #fff;
    padding: 0 25px 18px
}

@media screen and (min-width:768px) {
    .contact-module__notice {
        padding: 3px 50px 50px
    }
}

.contact-module__notice__inner {
    background-color: #169442;
    padding: 25px 25px 25px
}

@media screen and (min-width:768px) {
    .contact-module__notice__inner {
        padding: 43px 45px 50px
    }
}

.contact-module__notice__inner__title {
    color: #ececec;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 28px;
    margin: 0 0 26px
}

.contact-module__notice__inner p {
    color: #ececec;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px
}

.contact-module__notice__inner p.italic {
    margin: 0 0 22px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 24px
}

.contact-module__notice__inner p a {
    color: #ececec
}

.phone-fax .contact-type {
    font-weight: 700
}

.phone-fax .tel {
    color: rgba(0, 0, 0, .88);
    text-decoration: none
}

.interior-wrap.container .content-with-image__options {
    height: 70px
}

.interior-wrap.container .content-with-image__options button {
    background: 0 0;
    border: none;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0
}

.interior-wrap.container .content-with-image__options svg {
    fill: #169442 !important;
    height: 25px;
    width: 25px
}

.interior-wrap.container .content-with-image__options p {
    font-size: 14px;
    margin: 2px auto;
    padding-left: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #090101;
    margin: 0
}

.interior-wrap.container .content-with-image__play-button button {
    background: 0 0;
    border: none;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0
}

.interior-wrap.container .content-with-image__play-button svg {
    fill: #169442 !important;
    height: 100px;
    width: 100px
}

.interior-wrap.container .content-with-image__play-button p {
    font-size: 14px;
    margin: 2px auto;
    padding-left: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #090101;
    margin: 0
}

.interior-wrap.container .content-with-image__button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px
}

.interior-wrap.container .content-with-image__img-container {
    position: relative
}

.dct-demo__content {
    position: relative;
    z-index: 1;
    padding: 256px 36px 60px
}

.dct-demo__content::before {
    content: "";
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -2
}

@media screen and (min-width:768px) {
    .dct-demo__content {
        padding: 119px 20px
    }
}

@media screen and (min-width:1024px) {
    .dct-demo__content {
        padding: 119px 111px
    }
}

.dct-demo-content__body {
    background-color: #fff;
    border-bottom: 4px solid #df1c21;
    letter-spacing: 0;
    padding: 41px 26px;
    font-style: normal;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-demo-content__body {
        max-width: 488px;
        padding: 57px 45px
    }
}

.dct-demo-content__heading {
    color: #df1c21;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase
}

.dct-demo-content__copy {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 24px;
    margin: 18px 0 0
}

.dct-demo-content__cta {
    font-size: 14px;
    line-height: 16px;
    margin: 23px 15px 0 0;
    padding-left: 28px;
    padding-right: 28px;
    text-decoration: none
}

.dct-demo-content__image-wrapper {
    position: absolute;
    top: 60px;
    right: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1
}

@media screen and (max-width:767px) {
    .dct-demo-content__image-wrapper {
        left: 24px;
        height: 219px
    }
}

@media screen and (min-width:768px) {
    .dct-demo-content__image-wrapper {
        right: 20px;
        bottom: 85px;
        max-width: 549px;
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .dct-demo-content__image-wrapper {
        right: 111px
    }
}

.dct-demo__hero {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dct-demo-hero__heading-group {
    background-color: #0f0f0f;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 50px 42px 42px;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:768px) {
    .dct-demo-hero__heading-group {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 33.33%;
        padding: 30px 39px 30px 68px
    }
}

.dct-demo-hero__logo {
    max-width: 265px
}

@media screen and (min-width:768px) {
    .dct-demo-hero__logo {
        max-width: 385px
    }
}

.dct-demo-hero__heading {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-style: italic;
    font-weight: 400;
    margin: 24.58px 0 0
}

.dct-demo-hero__image-group {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    z-index: 0
}

@media screen and (min-width:768px) {
    .dct-demo-hero__image-group {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 66.67%
    }
}

.dct-demo-hero__image {
    position: relative;
    max-height: 375px
}

@media screen and (max-width:767px) {
    .dct-demo-hero__image picture {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .dct-demo-hero__image img {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .dct-demo-hero__image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        min-height: 500px
    }

    .dct-demo-hero__image picture {
        max-width: 800px;
        max-height: 500px;
        width: 100%
    }

    .dct-demo-hero__image img {
        height: 100%
    }
}

.dct-demo-hero__looping-video {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100vw;
    max-width: 1200px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dct-demo-hero__video {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.dct-demo-hero__video svg {
    width: 43px;
    height: 43px;
    fill: #fff
}

.dct-demo-hero__content {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 42px;
    width: 100%
}

.dct-demo-hero__content .dct-demo-hero__copy {
    margin: 0
}

@media screen and (min-width:768px) {
    .dct-demo-hero__content {
        padding: 80px 42px
    }
}

@media screen and (min-width:1024px) {
    .dct-demo-hero__content {
        padding: 80px 206px
    }
}

.dct-demo__search {
    background-color: #fff;
    padding: 35px 0 0
}

.dct-demo__search .demo-rides-search__title {
    margin-top: 0
}

.dct-demo__search .demo-rides__default-text,
.dct-demo__search .pageNumbers {
    margin-bottom: 0;
    padding-bottom: 40px
}

.dct-demo__search .no-results {
    padding-bottom: 50px
}

.dct-overlay-page {
    overflow: hidden
}

.dct-overlay-page .dct-trims-wrapper {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%
}

@media screen and (min-width:1024px) {
    .dct-overlay-page .dct-trims-wrapper {
        padding-left: 41px;
        padding-right: 41px
    }
}

.dct-overlay-page .dct-trims-wrapper .dots-container {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.dealer-finder-dct {
    background-color: #fff;
    position: relative;
    z-index: 2;
    min-height: 350px;
    padding-bottom: 40px
}

@media screen and (min-width:1024px) {
    .dealer-finder-dct {
        min-height: 515px
    }
}

.dealer-finder-dct__h2 {
    text-align: center;
    padding: 10px;
    margin-bottom: 0
}

.dealer-finder-dct__search {
    background-color: #169442;
    padding: 10px 40px 42px;
    position: relative
}

@media screen and (min-width:1024px) {
    .dealer-finder-dct__search {
        padding-top: 6px
    }
}

.dealer-finder-dct__search__h3 {
    max-width: 474px;
    margin: 24px auto;
    color: #fff;
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .31px;
    text-align: center
}

.dealer-finder-dct__search--wrap {
    position: relative;
    z-index: 1
}

.dealer-finder-dct__form {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -36px;
    padding: 0 25px;
    width: 100%;
    max-width: 524px;
    margin: auto
}

.dealer-finder-dct__form--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .07);
    padding: 10px 17px
}

.dealer-finder-dct__form-input {
    border: 0;
    background: 0 0;
    font-size: 16px;
    width: 100%;
    letter-spacing: .36px;
    color: rgba(116, 116, 116, .95);
    padding: 15px 55px 15px 15px
}

.dealer-finder-dct__form-input--wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 2px;
    background: #f3f3f3;
    border-radius: 4px
}

.dealer-finder-dct__form-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #169442;
    border-radius: 4px;
    border: none;
    cursor: pointer
}

.dealer-finder-dct__form-btn svg {
    margin-top: 3px
}

.dealer-finder-dct__form .pointer-none {
    opacity: .3;
    pointer-events: none
}

.dealer-finder-dct__notification {
    padding: 50px 20px;
    text-align: center;
    max-width: 240px;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .dealer-finder-dct__notification {
        max-width: 100%
    }
}

@media screen and (min-width:1024px) {
    .dealer-finder-dct__notification {
        padding-top: 80px
    }
}

.dealer-finder-dct__notification p {
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .41px
}

.dealer-finder-dct .build-loader {
    position: absolute;
    top: 300px
}

.dealer-finder-dct__two-col {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .dealer-finder-dct__two-col {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 7px;
        margin-bottom: 24px
    }
}

@media print {
    .dealer-finder-dct__two-col {
        max-width: 50%
    }
}

.dealer-finder-dct .pageNumbers {
    margin: 10px auto 0
}

.dealer-finder-dct-result__location {
    font-family: Roboto, sans-serif;
    padding: 78px 15px 0;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1024px) {
    .dealer-finder-dct-result__location {
        padding: 92px 56px 0;
        min-height: 446px
    }
}

.dealer-finder-dct-result__location--item {
    margin: 0;
    height: 100%;
    padding: 0 30px 50px;
    background-color: #ececec;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.dealer-finder-dct-result__location--item>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .dealer-finder-dct-result__location--item {
        padding: 0 50px 50px
    }
}

.dealer-finder-dct-result__location--item h3 {
    padding-top: 43px;
    margin-bottom: 3px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 1.333333;
    color: #090101
}

.dealer-finder-dct-result__location--item h6 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 25px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .36px;
    color: rgba(0, 0, 0, .88)
}

.dealer-finder-dct-result__location--item address {
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    font-style: normal
}

.dealer-finder-dct-result__location--item__phone {
    margin-top: 0
}

.dealer-finder-dct-result__location--item__phone a {
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .36px;
    color: rgba(0, 0, 0, .88)
}

.dealer-finder-dct-result__location--item__phone:hover a {
    color: #169442
}

.dealer-finder-dct-result__location--item__phone-label {
    font-weight: 500;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    margin-bottom: 0;
    letter-spacing: .43px;
    color: #090101
}

.dealer-finder-dct-result__location--item__hot {
    background-color: #169442;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .37px;
    padding: 5px 10px 3px
}

.dealer-finder-dct-result__location--item__directions {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .36px;
    margin-bottom: 0;
    margin-top: 22px
}

.dealer-finder-dct-result__location--item__directions a {
    text-decoration: none;
    color: inherit
}

.dealer-finder-dct-result__location--item__directions:hover a {
    color: #169442
}

.dealer-finder-dct-result__location--item__directions svg {
    display: inline-block;
    width: 21px;
    height: 21px;
    fill: #169442;
    position: relative;
    top: 5px;
    left: -3px
}

.dealer-finder-dct__filter-dropdown .filter-select-wrap {
    width: 91px;
    margin: 0
}

@media screen and (min-width:768px) {
    .dealer-finder-dct__filter-dropdown .filter-select-wrap {
        width: 153px
    }
}

.dealer-finder-dct__filter-dropdown .filter-select-text {
    letter-spacing: .36px;
    font-weight: 600
}

.dealer-finder-dct__filter-dropdown .filter-select-trigger {
    border: none;
    border-radius: 0;
    padding: 17px 0 17px 23px
}

@media screen and (min-width:768px) {
    .dealer-finder-dct__filter-dropdown .filter-select-trigger {
        padding: 17px 30px 17px 28px
    }
}

.dealer-finder-dct__filter-dropdown .filter-select-list {
    left: 0;
    padding: 0
}

.dealer-finder-dct__filter-dropdown .filter-select-list::after,
.dealer-finder-dct__filter-dropdown .filter-select-list::before {
    left: 15%
}

.dealer-finder-dct__filter-dropdown .filter-select-outer {
    margin-left: 12px
}

.dealer-finder-dct__filter-dropdown .filter-select-icon {
    background: 0 0;
    right: -5px
}

@media screen and (min-width:768px) {
    .dealer-finder-dct__filter-dropdown .filter-select-icon {
        right: 6px
    }
}

.dealer-finder-dct__filter-dropdown .filter-select-icon svg {
    fill: #169442;
    left: 2px
}

.dealer-finder-dct__filter-dropdown .filter-select-trigger:hover .filter-select-icon,
.dealer-finder-dct__filter-dropdown .filter-select-wrap.active .filter-select-icon {
    background: 0 0
}

.p-0 {
    padding: 0
}

.raq-module .filter-search-form {
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .raq-module .filter-search-form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #169442;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        width: 150px
    }
}

.raq-module .filter-search-input {
    background-color: #ececec;
    border: 0;
    border-radius: 4px;
    height: 65px;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%
}

@media screen and (min-width:768px) {
    .raq-module .filter-search-input {
        margin-bottom: 0
    }
}

.raq-module .filter-search-input::-webkit-input-placeholder {
    color: #4a4a4a
}

.raq-module .filter-search-input::-moz-placeholder {
    color: #4a4a4a
}

.raq-module .filter-search-input::-ms-input-placeholder {
    color: #4a4a4a
}

.raq-module .filter-search-input::placeholder {
    color: #4a4a4a
}

.raq-module .filter-apply {
    margin-right: 10px
}

@media screen and (min-width:768px) {
    .raq-module .filter-apply.filter-apply {
        margin-top: 0;
        min-width: 180px
    }
}

.finder-detail {
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.finder-detail.detail-popup-appear,
.finder-detail.detail-popup-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.finder-detail.detail-popup-appear.detail-popup-appear-active,
.finder-detail.detail-popup-enter.detail-popup-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.finder-detail.detail-popup-leave {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.finder-detail.detail-popup-leave.detail-popup-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:768px) {
    .finder-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        overflow: hidden;
        position: absolute;
        width: 100%
    }

    .finder-detail.detail-popup-appear,
    .finder-detail.detail-popup-appear.detail-popup-appear-active,
    .finder-detail.detail-popup-enter,
    .finder-detail.detail-popup-enter.detail-popup-enter-active,
    .finder-detail.detail-popup-leave,
    .finder-detail.detail-popup-leave.detail-popup-leave-active {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 0s ease-out;
        transition: all 0s ease-out
    }
}

.finder-detail .finder-map-wrapper {
    display: block;
    height: 180px;
    left: 0;
    position: absolute;
    top: 84px;
    width: 100%
}

.finder-detail .finder-map-wrapper .map-controls {
    display: none
}

@media screen and (min-width:1024px) {
    .finder-detail .finder-map-wrapper .map-controls {
        display: block
    }
}

@media screen and (min-width:768px) {
    .finder-detail .finder-map-wrapper {
        height: 100%;
        position: relative;
        top: auto
    }
}

.detail-popup-appear .finder-map-wrapper,
.detail-popup-enter .finder-map-wrapper {
    opacity: 0
}

@media screen and (min-width:768px) {

    .detail-popup-appear.detail-popup-appear-active .finder-map-wrapper,
    .detail-popup-enter.detail-popup-enter-active .finder-map-wrapper {
        opacity: 1;
        -webkit-transition: all .7s ease-out;
        transition: all .7s ease-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .detail-popup-leave .finder-map-wrapper {
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .detail-popup-leave.detail-popup-leave-active .finder-map-wrapper {
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

.finder-detail-heading {
    border-bottom: 2px solid #dfdfdf;
    padding: 31px 23px 27px
}

@media screen and (min-width:768px) {
    .finder-detail-heading {
        padding: 31px 50px 27px
    }
}

.finder-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    font-weight: 500;
    line-height: 16px;
    padding-left: 0
}

.finder-close svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.finder-close:hover {
    color: #169442
}

.finder-close svg {
    margin-left: 0;
    margin-right: 13px;
    margin-top: -1px
}

.finder-detail-content {
    background: #fff;
    width: 100%
}

@media screen and (min-width:768px) {
    .finder-detail-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        width: 393px
    }

    .detail-popup-appear .finder-detail-content,
    .detail-popup-enter .finder-detail-content {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .detail-popup-appear.detail-popup-appear-active .finder-detail-content,
    .detail-popup-enter.detail-popup-enter-active .finder-detail-content {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .detail-popup-leave .finder-detail-content {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .detail-popup-leave.detail-popup-leave-active .finder-detail-content {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

@media screen and (min-width:1024px) {
    .finder-detail-content {
        width: 600px
    }
}

.finder-detail-inner {
    padding-top: 234px
}

.finder-detail-inner__container {
    padding: 0 25px 54px
}

@media screen and (min-width:768px) {
    .finder-detail-inner__container {
        padding: 52px 50px
    }
}

@media screen and (min-width:768px) {
    .finder-detail-inner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        padding: 0
    }
}

.finder-detail-inner .custom-scrollbar__vertical__track {
    border-radius: 10px;
    width: 12px !important
}

.finder-detail-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9 !important;
    border-radius: 10px;
    margin: 10px
}

.finder-detail-inner::-webkit-scrollbar {
    border-radius: 10px;
    margin: 10px;
    width: 12px
}

.finder-detail-inner::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.finder-detail-flag {
    background: #169442;
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 22px;
    padding: 0 15px;
    text-transform: uppercase
}

.finder-detail-name {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0
}

.finder-detail-distance {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.finder-detail-main-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    clear: both;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    width: auto
}

.finder-detail-main-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.finder-detail-main-link:hover {
    color: #169442
}

@media screen and (min-width:768px) {
    .finder-detail-main-link {
        margin-bottom: 24px
    }
}

.finder-detail-main-link:last-child {
    margin-bottom: 0
}

.finder-detail-main-link .finder-detail-link-icon {
    height: 24px;
    margin-left: 0;
    margin-right: 10px;
    width: 24px
}

.finder-detail-info {
    margin-top: 40px
}

@media screen and (min-width:1024px) {
    .finder-detail-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.finder-detail-col {
    margin-top: 25px
}

@media screen and (min-width:1024px) {
    .finder-detail-col {
        margin-top: 0;
        padding-right: 10px;
        width: 50%
    }
}

.finder-detail-col address a {
    color: #090101;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.finder-detail-col address a:hover {
    color: #169442
}

.finder-detail-address {
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal
}

.finder-detail-phone {
    color: #090101;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-top: 20px;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.finder-detail-phone:hover {
    color: #169442
}

.finder-detail-section {
    padding: 50px 0 40px
}

@media screen and (min-width:768px) {
    .finder-detail-section {
        padding: 50px 0 60px
    }
}

.finder-detail-section+.finder-detail-section {
    border-top: 1px solid #9b9b9b
}

.finder-detail-section>.finder-detail-info {
    margin-top: 0
}

.finder-detail-section>.finder-detail-info .finder-detail-col:first-child {
    margin-top: 0
}

.finder-detail-title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 23px;
    text-transform: uppercase
}

.finder-hours-wrap {
    padding: 15px 10px 15px 0
}

.finder-hours-wrap:first-child,
.finder-hours-wrap:nth-child(2) {
    padding-top: 0
}

@media screen and (min-width:1024px) {
    .finder-hours-wrap {
        width: 50%
    }
}

.finder-hours-wrap:last-child {
    padding-bottom: 0
}

.finder-hours-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px
}

.finder-hours-list {
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.finder-detail-list {
    list-style-type: none;
    margin: 0;
    padding-left: 20px
}

.finder-detail-item {
    position: relative
}

.finder-detail-item+.finder-detail-item {
    padding-top: 5px
}

.finder-detail-item:before {
    background: #169442;
    content: "";
    height: 8px;
    left: -20px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 8px
}

.finder-detail-services {
    list-style: none;
    margin-bottom: -20px;
    padding: 0
}

@media screen and (min-width:768px) {
    .finder-detail-services {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:1024px) {
    .finder-detail-services {
        margin-bottom: -24px
    }
}

.finder-detail-service {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

@media screen and (min-width:1024px) {
    .finder-detail-service {
        margin-bottom: 24px;
        padding-right: 20px;
        width: 50%
    }

    .finder-detail-service:nth-child(even) {
        padding-right: 0
    }
}

.finder-detail-service .disclaimer,
.finder-detail-service span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.finder-detail-service-icon {
    margin-right: 10px;
    max-height: 30px;
    max-width: 30px
}

.map-info-window-container {
    background: #fff;
    border-radius: 4px;
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .75px;
    line-height: 20px;
    padding: 24px;
    text-align: left;
    width: 273px;
    text-transform: none
}

.gm-style .gm-style-iw-c {
    padding: 0;
    border-top: 4px solid #169442;
    width: 273px
}

.gm-style-iw-d {
    overflow: unset;
    width: 273px
}

.gm-ui-hover-effect {
    display: none
}

.find-dealer-module {
    position: relative;
    z-index: 0
}

.find-dealer.container {
    padding-left: 0;
    padding-right: 0
}

.find-dealer .dealer-to-door-banner {
    margin-bottom: 0
}

.finder-main {
    display: block;
    position: relative
}

@media screen and (min-width:768px) {
    .finder-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 16px auto 20px
    }
}

.finder-main .no-results {
    display: inline-block;
    margin-bottom: 30px
}

.finder-sidebar {
    background: #fff
}

@media screen and (min-width:768px) {
    .finder-sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 750px;
        width: 425px
    }
}

.finder-sidebar .dealer-page {
    background: #fff;
    border-top: 3px solid #ececec;
    padding: 17px 25px
}

@media screen and (min-width:768px) {
    .finder-sidebar .dealer-page {
        padding: 17px 50px
    }
}

.finder-sidebar .dealer-page-text {
    margin: 10px 0
}

.finder-alert {
    background: #fff;
    margin: 0;
    padding: 20px 25px 20px 30px;
    position: relative
}

@media screen and (min-width:768px) {
    .finder-alert {
        padding: 25px 50px 20px 65px
    }
}

.finder-alert-icon {
    fill: #169442;
    height: 26px;
    left: 21px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 26px
}

@media screen and (min-width:768px) {
    .finder-alert-icon {
        left: 50px
    }
}

.finder-alert-text {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 19px;
    margin: 0;
    padding-left: 20px;
    text-transform: uppercase
}

.finder-listing {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: hidden
}

.finder-listing::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9 !important;
    border-radius: 10px;
    margin: 10px
}

.finder-listing .custom-scrollbar__vertical__track {
    border-radius: 10px;
    width: 12px !important
}

.finder-listing::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.finder-listing-list {
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.finder-listing-list::-webkit-scrollbar {
    margin: 10px
}

.finder-listing-info {
    background: #fff;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 18px;
    margin: 0;
    padding: 35px 30px 15px
}

@media screen and (min-width:768px) {
    .finder-listing-info {
        padding: 35px 50px 20px
    }
}

.finder-item {
    background: #fff;
    cursor: pointer;
    padding: 40px 30px 30px 47px;
    position: relative;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

@media screen and (min-width:768px) {
    .finder-item {
        padding: 40px 50px 30px
    }
}

.finder-item:nth-child(2n+1) {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.finder-item.active-item,
.finder-item:hover {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.finder-item-flag {
    background: #169442;
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 900;
    left: 47px;
    line-height: 14px;
    margin: 0;
    padding: 4px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0
}

@media screen and (min-width:768px) {
    .finder-item-flag {
        left: 50px
    }
}

.finder-item-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0 0 3px
}

.finder-item-distance {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0 0 21px
}

.finder-item-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    font-weight: 500;
    padding-left: 0
}

.finder-item-detail svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.finder-item-detail:hover {
    color: #169442
}

@-webkit-keyframes infoIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes infoIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.info-box-outer {
    -webkit-animation: infoIn .25s forwards ease-out;
    animation: infoIn .25s forwards ease-out;
    padding: 10px
}

.info-box {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 17px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, .26);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 9px;
    position: relative;
    width: 280px
}

.info-box:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    bottom: -8px;
    content: "";
    height: 0;
    left: calc(50% - 5px);
    position: absolute;
    width: 0
}

.finder-map-wrapper {
    display: none
}

@media screen and (min-width:768px) {
    .finder-map-wrapper {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 750px
    }
}

.finder-map-wrapper .map-controls {
    bottom: 0;
    padding: 20px;
    position: absolute;
    right: 0
}

.finder-map-wrapper .map-controls-icon {
    fill: #169442;
    height: 21px;
    stroke: #fff;
    stroke-width: 3px;
    width: 21px
}

.finder-map-wrapper .map-controls-trigger {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 60px;
    line-height: 65px;
    margin: 10px 0;
    width: 60px
}

.search-dealers {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    border-bottom: 2px solid #ac161b;
    position: relative
}

.search-dealers-inner {
    padding: 30px 25px 28px
}

@media screen and (min-width:768px) {
    .search-dealers-inner {
        padding: 30px 50px 28px
    }
}

.search-dealers-inner ::-webkit-input-placeholder {
    color: #fff
}

@media screen and (min-width:768px) {
    .search-dealers-inner ::-webkit-input-placeholder {
        color: #fff
    }
}

.search-dealers-inner ::-moz-placeholder {
    color: #fff
}

@media screen and (min-width:768px) {
    .search-dealers-inner ::-moz-placeholder {
        color: #fff
    }
}

.search-dealers-inner :-ms-input-placeholder {
    color: #fff
}

@media screen and (min-width:768px) {
    .search-dealers-inner :-ms-input-placeholder {
        color: #fff
    }
}

.search-dealers-inner :-moz-placeholder {
    color: #fff
}

@media screen and (min-width:768px) {
    .search-dealers-inner :-moz-placeholder {
        color: #fff
    }
}

.search-dealers-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0 0 28px;
    text-transform: uppercase
}

.search-dealers-more-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    background: 0 0;
    border: none;
    outline: 0;
    text-transform: uppercase;
    margin-top: 22px;
    cursor: pointer
}

.search-dealers-more-title svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.search-dealers-more-title span {
    margin-left: 9px
}

.search-dealers-more-wrapper {
    position: relative;
    z-index: 1
}

.search-dealers-more-container {
    overflow: hidden;
    background-color: #ac171b;
    -webkit-box-shadow: 0 2px 0 0 #ac171b;
    box-shadow: 0 2px 0 0 #ac171b;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-dealers-more-container button.btn-red:first-of-type {
    margin-top: 21px
}

.search-dealers-more-container button.btn-red:last-of-type {
    margin-top: 12px;
    margin-bottom: 21px
}

.search-dealers-more-container button.btn-red:hover {
    background-color: #169442;
    border-color: #169442
}

.search-dealer-options-icon {
    display: inline-block;
    fill: #fff;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px
}

.search-dealers-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin-top: 20px;
    padding: 0;
    text-transform: uppercase
}

.search-dealer-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-dealer-inputs .text-group.trim-select-wrap {
    cursor: pointer;
    margin-bottom: 0;
    background: #169442;
    border: 1px solid #169442;
    border-radius: 4px
}

.search-dealer-inputs .text-group.trim-select-wrap .form-label * {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.search-dealer-inputs .text-group.trim-select-wrap .trim-select-icon {
    height: 25px
}

.search-dealer-inputs .text-group.trim-select-wrap .dropdown {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 14.5px 15px;
    background: 0 0
}

.search-dealer-inputs .text-group.trim-select-wrap .trim-select-list {
    z-index: 10020
}

.search-input-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.search-input-container__error {
    position: absolute;
    top: -16px;
    right: 0;
    line-height: 1;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px
}

.search-input-container:nth-of-type(2) {
    margin-left: 12px
}

.search-dealer-field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #880f13;
    border: 1px solid #880f13;
    padding: 14.5px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-dealer-input {
    border: 0;
    background: 0 0;
    color: #fff;
    font-size: 16px;
    width: 100%
}

.search-dealer-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.search-dealer-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    height: 25px;
    line-height: 1;
    padding: 0;
    width: 25px
}

.search-dealer-submit:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.search-dealer-icon {
    fill: #fff;
    height: 14px;
    width: 14px
}

.more-options-switch {
    border: 1px solid #169442;
    display: block;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%
}

.search-dealers-filters {
    margin-top: 6px
}

.search-dealers-filters .filters-services {
    left: 0;
    margin-left: 0;
    position: relative;
    width: 100%
}

.search-dealers-filters .filters-services.active {
    margin-top: 5px
}

.search-dealers-filters .filters-services.active .service-dropdown__wrapper {
    z-index: 10019
}

.search-dealers-filters .filters-services.active .service-dropdown__wrapper::before {
    opacity: 1
}

.service-dropdown__wrapper {
    position: relative
}

.service-dropdown__wrapper::before {
    border-style: solid;
    border-width: 0 6px 9px 6px;
    border-color: transparent transparent #fff transparent;
    content: "";
    height: 0;
    left: 5%;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    width: 0;
    z-index: 1000
}

.service-dropdown__wrapper .trim-select-list {
    margin-top: 12px
}

@media screen and (max-width:767px) {
    .service-dropdown__wrapper .trim-select-list {
        left: 0;
        margin-top: 0;
        max-height: calc(100vh - 68px);
        padding-top: 0;
        position: fixed;
        top: 100%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%
    }
}

.active .service-dropdown__wrapper .trim-select-list {
    top: 0
}

.service-dropdown__wrapper .service-dropdown__title {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: rgba(255, 255, 255, .95);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    margin: 0 -10px 25px;
    padding: 15px 25px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .service-dropdown__wrapper .service-dropdown__title {
        display: none
    }
}

@media screen and (max-width:767px) {
    .service-dropdown__wrapper .service-dropdown-reset {
        border-top: 0;
        display: inline-block;
        float: right;
        margin: 23px 0 0;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .service-dropdown__wrapper .service-dropdown-inner {
        padding-left: 15px
    }
}

.service-dropdown__wrapper .service-dropdown-footer {
    background: #fff;
    border-top: 2px solid #ececec;
    bottom: 0;
    left: 0;
    padding: 8px 25px;
    position: fixed;
    text-align: right;
    width: 100%;
    z-index: 2
}

@media screen and (min-width:768px) {
    .service-dropdown__wrapper .service-dropdown-footer {
        display: none
    }
}

.service-dropdown__wrapper .service-dropdown-cancel {
    font-weight: 700;
    padding-left: 33px;
    padding-right: 33px
}

.service-dropdown__wrapper .service-dropdown-apply {
    padding-left: 38px;
    padding-right: 38px
}

.search-dealer-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-dealer-half {
    width: calc(50% - 10px)
}

@media screen and (min-width:768px) {
    .demo-rides-search {
        border-top: 0
    }
}

.demo-rides-search .filter-wrapper {
    padding-top: 48px;
    padding-bottom: 71px
}

@media screen and (min-width:768px) {
    .demo-rides-search .filter-wrapper {
        padding: 54px 29px 54px 38px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-search .filter-wrapper {
        padding-right: 50px;
        padding-left: 50px
    }
}

.demo-rides-search .filter-select-wrap {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .demo-rides-search .filter-select-wrap {
        margin-bottom: 6px;
        width: calc(33.33% - 10px)
    }
}

.demo-rides-search .filter-apply {
    margin-top: 13px
}

@media screen and (min-width:768px) {
    .demo-rides-search .filter-apply {
        margin-right: 0;
        min-width: 216px
    }
}

.demo-rides-search__title {
    font: bold 18px/24px Roboto, sans-serif;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
    letter-spacing: .37px;
    text-transform: uppercase;
    border-bottom: 4px solid #169442;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .demo-rides-search__title {
        font-size: 24px;
        line-height: 24px;
        margin-top: 35px;
        padding-right: 50px;
        padding-left: 50px;
        letter-spacing: .49px
    }
}

.demo-rides-search__columns {
    padding-top: 47px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 47px
}

@media screen and (min-width:768px) {
    .demo-rides-search__columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 77px;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 77px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-search__columns {
        padding-top: 71px
    }
}

.demo-rides-search__image-column {
    min-width: 229px;
    max-width: 228px;
    margin-right: 57px
}

@media screen and (max-width:767px) {
    .demo-rides-search__image-column {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-search__image-column {
        min-width: 235px;
        max-width: 235px;
        margin-right: 79px
    }
}

.demo-rides-search__image-column img {
    max-width: 100%
}

.demo-rides-search__dealers-col {
    width: 100%
}

.demo-rides-search__dealers {
    margin: 33px 0 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width:1024px) {
    .demo-rides-search__dealers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.demo-rides-dealer {
    margin: 0 0 18px;
    padding: 35px 19px 42px 26px;
    border: 1px solid #f2f2f2;
    border-bottom: 4px solid #169442
}

@media screen and (min-width:768px) {
    .demo-rides-dealer {
        padding: 35px 19px 49px 41px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-dealer {
        width: calc(50% - 9px);
        margin-right: 18px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-dealer:nth-child(2n) {
        margin-right: 0
    }
}

.demo-rides-search__dealers-title,
.demo-rides-search__model-title {
    font: bold 18px/24px Roboto, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: .37px;
    text-transform: uppercase
}

.demo-rides-dealer__distance {
    font: normal 14px/16px Roboto, sans-serif;
    margin: 0;
    letter-spacing: .36px;
    text-align: right;
    color: #4a4a4a
}

.demo-rides-dealer__name {
    font: 500 18px/24px Roboto, sans-serif;
    margin: 15px 0 10px;
    letter-spacing: .53px
}

@media screen and (min-width:768px) {
    .demo-rides-dealer__name {
        margin-top: 8px
    }
}

.demo-rides-dealer__address {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    margin-bottom: 34px;
    letter-spacing: .36px
}

@media screen and (min-width:768px) {
    .demo-rides-dealer__address {
        padding-right: 57px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides-dealer__address {
        padding-right: 0
    }
}

.demo-rides-dealer__address a {
    text-decoration: none;
    color: inherit
}

.demo-rides-dealer__address a:hover {
    color: #169442
}

.demo-rides-dealer__address.with-phone {
    margin-bottom: 10px
}

.demo-rides-dealer__cta {
    font: 500 14px/16px Roboto, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    letter-spacing: .36px;
    text-transform: uppercase
}

.demo-rides-dealer__cta:hover {
    color: #169442
}

.demo-rides-dealer__cta svg {
    width: 17px;
    height: 17px;
    margin-right: 11px;
    fill: #169442
}

.demo-rides-search__model-title {
    margin-bottom: 30px
}

.demo-rides__default-text {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 40px;
    padding-right: 25px;
    padding-left: 25px;
    letter-spacing: .53px
}

@media screen and (min-width:768px) {
    .demo-rides__default-text {
        margin-top: 63px;
        margin-bottom: 40px;
        padding-right: 50px;
        padding-left: 50px
    }
}

.demo-rides {
    background-color: #fff;
    padding: 0 0 71px
}

@media screen and (min-width:768px) {
    .demo-rides {
        padding-bottom: 59px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides {
        padding-bottom: 101px
    }
}

.demo-rides .header {
    padding-top: 45px;
    padding-bottom: 27px
}

@media screen and (min-width:768px) {
    .demo-rides .header {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media screen and (min-width:768px) {
    .demo-rides .header-title {
        padding-bottom: 0
    }
}

.demo-rides>picture {
    display: block
}

.demo-rides>picture img {
    display: block
}

@media screen and (min-width:768px) {
    .demo-rides__content-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.demo-rides__content-col {
    padding: 35px 25px 58px
}

.demo-rides__content-col:first-child {
    color: #fff;
    background-color: #169442
}

@media screen and (min-width:768px) {
    .demo-rides__content-col:first-child {
        padding: 51px 51px 38px 52px;
        width: 66.31%
    }
}

@media screen and (min-width:1200px) {
    .demo-rides__content-col:first-child {
        padding: 64px 149px 64px 105px
    }
}

.demo-rides__content-col:last-child {
    padding-top: 43px;
    padding-bottom: 68px;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .demo-rides__content-col:last-child {
        width: 33.69%;
        padding: 48px 51px 20px 32px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides__content-col:last-child {
        padding: 50px 71px 20px 51px
    }
}

@media screen and (min-width:1200px) {
    .demo-rides__content-col:last-child {
        padding: 64px 97px 64px 72px
    }
}

.demo-rides__content-col-title {
    font: bold 24px/32px Roboto, sans-serif;
    margin: 0;
    letter-spacing: .41px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .demo-rides__content-col-title {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: .53px
    }
}

.demo-rides__content-col-copy {
    font: normal 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px
}

.demo-rides__content-col:last-child .demo-rides__content-col-copy {
    margin-top: 9px
}

@media screen and (min-width:768px) {
    .demo-rides__content-col:last-child .demo-rides__content-col-copy {
        margin-top: 17px
    }
}

.demo-rides__content-col-cta {
    width: 100%;
    margin-top: 17px
}

@media screen and (min-width:768px) {
    .demo-rides__content-col-cta {
        margin-top: 20px
    }
}

@media screen and (min-width:1024px) {
    .demo-rides__content-col-cta {
        margin-top: 17px;
        max-width: 237px
    }
}

.downloads.accessory-user-guide .header-title {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .downloads.accessory-user-guide .header-title {
        margin-bottom: 34px
    }
}

.downloads.accessory-user-guide .filter-wrapper {
    border-top: 4px solid #169442
}

.downloads {
    background-color: #fff;
    padding: 0
}

.downloads .header {
    padding-bottom: 21px
}

@media screen and (min-width:768px) {
    .downloads .header {
        padding-bottom: 30px
    }
}

.downloads .filter-triggers {
    margin-top: 0
}

.downloads .filter-wrapper {
    padding-bottom: 60px;
    padding-top: 40px
}

.downloads .filter-wrapper .filter-select-trigger {
    z-index: 0
}

.downloads .filter-wrapper .filter-select-wrap.active [data-close] {
    z-index: 0
}

.downloads .filter-wrapper .filter-select-wrap.active .filter-select-list {
    z-index: 1
}

@media screen and (min-width:768px) {
    .downloads .filter-wrapper {
        padding-top: 55px
    }
}

.downloads .filter-search-form {
    border-radius: 4px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .downloads .filter-search-form .filter-apply {
        margin-right: 9px
    }
}

@media screen and (max-width:767px) {
    .downloads .filter-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.downloads .filter-reset {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .downloads .filter-reset {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width:767px) {
    .downloads .filter-apply {
        margin-top: 2px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:768px) {
    .downloads .filter-apply {
        margin-right: 0
    }
}

.downloads .filter-helper-text {
    margin-bottom: 0
}

.downloads .pageNumbers {
    margin: 0 40px;
    padding-bottom: 98px
}

.downloads .listing-table {
    display: inline-table;
    border: 0;
    border-collapse: collapse;
    margin: 34px 0 120px;
    width: 100%
}

@media screen and (min-width:768px) {
    .downloads .listing-table {
        margin-left: 50px;
        margin-right: 50px;
        width: calc(100% - 100px)
    }
}

.downloads .listing-table+.pageNumbers {
    margin-top: -74px
}

@media screen and (min-width:768px) {
    .downloads .listing-table+.pageNumbers {
        margin-top: -70px
    }
}

@media screen and (min-width:1024px) {
    .downloads .listing-table+.pageNumbers {
        margin-top: -65px
    }
}

.downloads .listing-caption {
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    margin: 0;
    padding: 30px 25px 20px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .downloads .listing-caption {
        padding-left: 58px;
        padding-right: 50px
    }
}

.downloads .listing-caption svg {
    fill: #169442;
    height: 10px;
    margin-left: 8px;
    position: relative;
    width: 10px
}

.downloads .listing-rows {
    display: table-row-group
}

.downloads .listing-row {
    display: table-row
}

.downloads .listing-row:nth-child(odd) {
    background: #f6f6f6
}

.downloads .listing-cell {
    display: table-cell;
    font-weight: 400;
    text-align: left;
    vertical-align: middle
}

.downloads .listing-cell:first-child {
    padding-left: 25px
}

@media screen and (min-width:768px) {
    .downloads .listing-cell:first-child {
        padding-left: 58px
    }
}

.downloads .listing-cell:last-child {
    padding-left: 10px;
    padding-right: 25px;
    text-align: right
}

@media screen and (min-width:768px) {
    .downloads .listing-cell:last-child {
        padding-right: 50px
    }
}

.downloads .download-link {
    color: inherit;
    text-decoration: none;
    padding-bottom: 20px;
    padding-top: 20px
}

@media screen and (min-width:768px) {
    .downloads .download-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 23px;
        padding-top: 23px
    }
}

.downloads .download-link:hover {
    color: #169442;
    text-decoration: underline
}

.downloads .download-link svg {
    fill: #169442;
    height: 20px;
    width: 20px
}

.downloads .download-text {
    display: none
}

@media screen and (min-width:768px) {
    .downloads .download-text {
        display: block;
        font: 500 14px/16px Roboto, sans-serif;
        letter-spacing: .36px;
        margin-left: 10px;
        text-transform: uppercase
    }
}

.downloads .help-search-text,
.downloads .no-results {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {

    .downloads .help-search-text,
    .downloads .no-results {
        padding-left: 50px;
        padding-right: 50px
    }
}

.downloads .help-search-text {
    color: #090101;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px
}

.downloads .no-results-0 {
    background-color: #169442;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 25px
}

.downloads .initial-message {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-top: 50px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .downloads .initial-message {
        padding-left: 50px;
        padding-right: 50px
    }
}

html.menu-open .events-listing .module {
    z-index: 0;
    position: relative
}

.events-zip-radius-wrapper {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 18px 25px 28px
}

@media screen and (min-width:768px) {
    .events-zip-radius-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 50px
    }
}

.events-zip-radius-wrapper .filter-select-wrap {
    margin-bottom: 0;
    margin-top: 10px
}

@media screen and (min-width:768px) {
    .events-zip-radius-wrapper .filter-select-wrap {
        margin-left: 13px;
        margin-top: 0;
        width: 215px
    }
}

@media screen and (min-width:1024px) {
    .events-zip-radius-wrapper .filter-select-wrap {
        margin-left: 25px;
        width: 23%
    }
}

.events-zip-radius-wrapper .filter-select-trigger {
    background-color: #169442;
    border: 1px solid #ac161b;
    padding-left: 50px;
    position: relative
}

.events-zip-radius-wrapper .filter-select-trigger:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.events-zip-radius-wrapper .filter-select-pre-icon {
    fill: #fff;
    height: 25px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px
}

.events-zip-radius-wrapper .filter-select-text {
    color: #fff
}

.events-zip-radius-wrapper .filter-select-icon {
    background: #880f13
}

.events-zip-form {
    position: relative
}

@media screen and (min-width:768px) {
    .events-zip-form {
        width: 156px;
        width: 23.25%
    }
}

@media screen and (min-width:1024px) {
    .events-zip-form {
        width: 23%
    }
}

.events-zip-form .search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #880f13;
    border: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    height: 50px;
    padding-left: 19px;
    padding-right: 50px;
    text-transform: uppercase;
    width: 100%
}

.events-zip-form .search-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.events-zip-form .search-input::-ms-clear,
.events-zip-form .search-input::-ms-reveal,
.events-zip-form .search-input::-webkit-search-cancel-button,
.events-zip-form .search-input::-webkit-search-decoration,
.events-zip-form .search-input::-webkit-search-results-button,
.events-zip-form .search-input::-webkit-search-results-decoration {
    display: none
}

.events-zip-form .search-input::-webkit-inner-spin-button,
.events-zip-form .search-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.events-zip-form .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
    text-transform: none
}

.events-zip-form .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, .5);
    text-transform: none
}

.events-zip-form .search-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
    text-transform: none
}

.events-zip-form .search-input::placeholder {
    color: rgba(255, 255, 255, .5);
    text-transform: none
}

.events-zip-form .search-submit {
    background-color: #169442;
    border: 0;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 25px;
    cursor: pointer
}

.events-zip-form .search-submit:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.events-zip-form .search-submit:disabled {
    opacity: .5
}

.events-zip-form .search-submit svg {
    fill: #fff;
    height: 16px;
    margin-top: 3px;
    width: 14px
}

.events-listing-filters {
    background-color: #fff;
    border-bottom: 4px solid #169442
}

.events-listing-filters-trigger {
    background: 0 0;
    border: 0;
    display: block;
    font: bold 14px/69px Roboto, sans-serif;
    outline: 0;
    padding: 3px 25px 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width:768px) {
    .events-listing-filters-trigger {
        display: none
    }
}

.events-listing-filters-trigger svg {
    fill: #169442;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    width: 12px
}

.events-listing-filters-items-wrapper {
    height: 0;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .events-listing-filters-items-wrapper {
        height: auto !important;
        overflow: visible
    }
}

@media screen and (min-width:768px) {
    .events-listing-filters-items-wrapper .filter-selects {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-width: calc(75% - 6px);
        width: calc(75% - 6px)
    }
}

@media screen and (min-width:1024px) {
    .events-listing-filters-items-wrapper .filter-selects {
        min-width: calc(75% - 10px);
        width: calc(75% - 10px)
    }
}

@media screen and (min-width:768px) {
    .events-listing-filters-items-wrapper .filter-select-wrap {
        margin-bottom: 0;
        min-width: calc(33.33% - 8px);
        width: calc(33.33% - 8px)
    }
}

@media screen and (min-width:1024px) {
    .events-listing-filters-items-wrapper .filter-select-wrap {
        margin-bottom: 0;
        min-width: calc(33.33% - 16.66px);
        width: calc(33.33% - 16.66px)
    }
}

.events-listing-filters-items-wrapper .filter-select-value:disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.events-listing-filters-items-wrapper .filter-apply {
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 16px;
    padding-top: 16px
}

@media screen and (min-width:768px) {
    .events-listing-filters-items-wrapper .filter-apply {
        margin-bottom: 0;
        margin-right: 0;
        min-width: calc(25% - 6px);
        width: calc(25% - 6px)
    }
}

@media screen and (min-width:1024px) {
    .events-listing-filters-items-wrapper .filter-apply {
        min-width: calc(25% - 10px);
        width: calc(25% - 10px)
    }
}

.events-listing-filters-items {
    padding: 10px 25px 45px
}

@media screen and (min-width:768px) {
    .events-listing-filters-items {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 27px 50px
    }
}

.events-listing {
    background-color: #fff;
    padding: 0
}

.events-listing .no-results {
    font-size: 16px;
    padding: 50px 25px 70px;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .events-listing .no-results {
        padding-left: 50px;
        padding-right: 50px
    }
}

.events-listing .no-results-0 {
    background-color: #169442;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 25px
}

.events-listing-banner {
    margin: 0 auto;
    background-color: #ececec;
    padding: 18px 25px 24px;
    border: 2px solid #de1c21
}

.events-listing-banner p {
    margin: 0;
    color: #1e1e1e;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .27px;
    line-height: 21px
}

@media screen and (min-width:1024px) {
    .events-listing-banner p {
        line-height: 36px
    }
}

@media screen and (min-width:768px) {
    .events-listing-banner {
        padding: 19px 50px
    }
}

@media screen and (min-width:1024px) {
    .events-listing-banner {
        padding: 23px 50px 21
    }
}

.events-listing-items {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin: 0;
    padding: 60px 25px;
    padding-bottom: 2px
}

@media screen and (min-width:768px) {
    .events-listing-items {
        padding: 60px 50px 87px;
        padding-bottom: 2px
    }
}

.events-listing-item {
    list-style: none;
    margin: 0 0 65px;
    padding: 0
}

.events-listing-item:last-child {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .events-listing-item:last-child {
        margin-bottom: 65px
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item:last-child {
        margin-bottom: 80px
    }
}

.events-listing-item .month {
    display: block;
    font: 500 24px/28px Roboto, sans-serif;
    letter-spacing: .41px;
    text-transform: uppercase
}

.events-listing-item .year {
    color: #169442;
    display: block;
    font: normal bold 18px/24px Roboto, sans-serif;
    letter-spacing: .55px
}

@media screen and (min-width:1024px) {
    .events-listing-item table {
        border-collapse: collapse;
        margin-top: 50px;
        position: relative;
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item table:before {
        background-color: #169442;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: -40px;
        width: 3px
    }
}

@media screen and (max-width:991px) {
    .events-listing-item thead {
        display: none
    }
}

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

    .events-listing-item tbody,
    .events-listing-item tr {
        display: block
    }
}

@media screen and (max-width:991px) {
    .events-listing-item tr {
        margin-top: 30px
    }
}

.events-listing-item th {
    font: bold 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    padding: 14px 30px;
    text-transform: uppercase
}

.events-listing-item tbody tr {
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .events-listing-item tbody tr {
        background-color: #fff
    }
}

@media screen and (max-width:991px) {
    .events-listing-item td {
        background-color: #fff;
        border: 1px solid #dfdfdf;
        border-left: 3px solid #169442;
        display: inline-block
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td {
        border: 1px solid #dfdfdf;
        padding: 18px 30px;
        vertical-align: middle
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item tr:last-child td {
        border-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .events-listing-item td:first-child {
        border-bottom: 0;
        border-right: 0;
        border-top: 0;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td:first-child {
        max-width: 145px;
        position: relative;
        width: 145px
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td:first-child:before {
        background-color: #169442;
        border-radius: 50%;
        content: "";
        height: 9px;
        left: 0;
        margin-left: 1px;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        width: 9px
    }
}

@media screen and (max-width:991px) {
    .events-listing-item td:first-child~* {
        margin-top: -1px;
        padding: 18px 25px 24px;
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td:first-child~* {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td:nth-child(2) {
        width: 420px
    }
}

.events-listing-item td:nth-child(2),
.events-listing-item td:nth-child(3) {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:1024px) {

    .events-listing-item td:nth-child(2),
    .events-listing-item td:nth-child(3) {
        width: 525px
    }
}

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

    .events-listing-item td:nth-child(2):before,
    .events-listing-item td:nth-child(3):before {
        content: attr(data-heading);
        display: block;
        font: 500 14px/16px Roboto, sans-serif;
        letter-spacing: .36px;
        text-transform: uppercase
    }
}

@media screen and (max-width:991px) {
    .events-listing-item td:nth-last-child(2) {
        border-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .events-listing-item td:last-child {
        background-color: transparent;
        border: 0;
        padding-bottom: 8px;
        padding-top: 30px;
        text-align: right
    }
}

@media screen and (min-width:1024px) {
    .events-listing-item td:last-child {
        text-align: center
    }
}

.events-listing-item td:last-child a {
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s
}

.events-listing-item td:last-child svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 14px
}

@media screen and (min-width:1024px) {
    .events-listing-item td:last-child svg {
        top: -2.5px
    }
}

.events-listing-item tbody tr:hover a {
    color: #169442
}

.events-listing-item-dates {
    background-color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .events-listing-item-dates {
        background-color: transparent;
        padding-bottom: 0;
        padding-top: 0
    }
}

.events-listing-item-date {
    display: inline-block;
    text-align: center
}

@media screen and (min-width:1024px) {
    .events-listing-item-date:first-child:last-child {
        display: block;
        text-align: left
    }
}

*+.events-listing-item-date {
    margin-left: 35px;
    position: relative
}

*+.events-listing-item-date:before {
    background-color: #169442;
    bottom: 14px;
    content: "";
    display: block;
    height: 3px;
    left: -32px;
    margin-left: 11px;
    margin-right: 11px;
    position: absolute;
    width: 9px
}

.events-listing-item-month {
    display: block;
    font: bold 12px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.events-listing-item-day {
    color: #169442;
    font: 500 24px/24px Roboto, sans-serif
}

.events {
    background: #fff;
    padding: 20px 25px 113px
}

@media screen and (min-width:768px) {
    .events {
        padding: 52px 50px 121px
    }
}

@media screen and (min-width:768px) {
    .events {
        padding-bottom: 127px
    }
}

.events .event {
    border-top: 1px solid #9b9b9b;
    font-size: 18px;
    padding: 0
}

.events .event:last-child {
    border-bottom: 1px solid #9b9b9b
}

@media screen and (min-width:768px) {
    .events .event {
        border-bottom: 1px solid #9b9b9b;
        width: calc(50% - 10px);
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

@media screen and (min-width:768px) {
    .events .event:first-child {
        margin-right: 20px
    }
}

.events .event:last-child .title {
    margin-bottom: 8px
}

.events .events-wrap {
    margin: 0
}

.events .specs-wrap-title {
    margin-bottom: 21px;
    margin-left: 0
}

@media screen and (min-width:768px) {
    .events .specs-wrap-title {
        margin-bottom: 30px
    }
}

.events .year {
    color: #797979;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: 24px;
    margin-bottom: 22px
}

.events .month {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: rgba(255, 255, 255, .95);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .27px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 0;
    padding: 7px 20px;
    text-transform: uppercase;
    width: 100%
}

.events .day {
    border-bottom: 1px solid #9b9b9b;
    font-size: 48px;
    letter-spacing: .98px;
    line-height: 57px;
    padding: 6px 0;
    text-align: center
}

.events .dates-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.events .dates {
    color: rgba(223, 27, 33, .95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    width: 86px
}

.events .date-dash {
    line-height: 95px;
    color: rgba(223, 27, 33, .95);
    font-size: 46px;
    margin: 0 20px
}

.events .title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 25px;
    text-transform: uppercase;
    color: #090101
}

.events .location {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 30px;
    margin-bottom: 4px
}

.events .address {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin-top: 0
}

.events .address1 {
    margin-bottom: 0
}

.events .links {
    margin-bottom: 36px;
    margin-top: 27px
}

.events .link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-transform: uppercase;
    vertical-align: middle;
    text-decoration: none
}

.events .link:hover {
    color: #169442;
    text-decoration: underline
}

.events .event-link-arrow {
    fill: #169442;
    height: 14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: text-bottom;
    width: 14px;
    margin-left: 6px
}

.events .more-wrapper {
    display: none
}

@media screen and (max-width:767px) {
    .events .more-wrapper {
        cursor: pointer;
        display: block;
        float: right;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: -webkit-transform .35s;
        transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s
    }
}

.events [aria-expanded=true] .more-wrapper {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -5px
}

.events .more-icon {
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    width: 14px;
    height: 14px;
    fill: #169442
}

.events .more-icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width:768px) {
    .events .more {
        display: block !important
    }
}

.events .btn-outline {
    width: 100%
}

@media screen and (min-width:768px) {
    .events .btn-outline {
        margin-top: 66px;
        width: 296px
    }
}

.events .justify-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-details-page {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1440px) {
    .event-details-page .map-module-map {
        height: 648px
    }
}

.event-detail-back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase
}

.event-detail-back:hover {
    color: #169442
}

.event-detail-back svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px
}

.event-details-calendar-social-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-details-calendar-social-wrapper .filter-select-text {
    text-transform: uppercase
}

.event-details-calendar-social-wrapper .social .social__copy {
    display: none
}

.event-details {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-top: 4px solid #169442;
    padding: 35px 25px
}

@media screen and (min-width:768px) {
    .event-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 66px 50px
    }
}

@media screen and (min-width:1024px) {
    .event-details {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 66px 181px
    }
}

.event-details-column {
    max-width: 326px
}

@media screen and (min-width:1024px) {
    .event-details-column:first-child {
        max-width: none;
        padding-right: 10px;
        width: 700px
    }
}

*+.event-details-column {
    margin-top: 55px
}

@media screen and (min-width:768px) {
    *+.event-details-column {
        margin-top: 10px;
        width: 250px
    }
}

.event-details-title {
    font: bold 24px/36px Roboto, sans-serif;
    letter-spacing: .41px;
    margin: 0;
    text-transform: uppercase
}

.event-details-time {
    display: block
}

*+.event-details-time {
    margin-top: 5px
}

@media screen and (min-width:768px) {
    *+.event-details-time {
        margin-top: 22px
    }
}

@media screen and (min-width:1024px) {
    *+.event-details-time {
        margin-top: 7px
    }
}

.event-details-address {
    font-style: normal
}

*+.event-details-address {
    margin-top: 25px
}

@media screen and (min-width:768px) {
    *+.event-details-address {
        margin-top: 37px
    }
}

.event-details-address strong {
    display: block;
    margin-bottom: 3px
}

.event-details-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

*+.event-details-ctas {
    margin-top: 30px
}

.event-details-cta {
    color: inherit;
    font: bold 14px/16px Roboto, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s
}

*+.event-details-cta {
    margin-top: 17px
}

.event-details-cta:hover {
    color: #169442
}

.event-details-cta svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-left: 3px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 15px
}

.event-details-info-title {
    font: bold 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    text-transform: uppercase;
    margin: 0
}

*+.event-details-info-title {
    margin-top: 18px
}

@media screen and (min-width:768px) {
    *+.event-details-info-title {
        margin-top: 33px
    }
}

.event-details-info-detail {
    display: block;
    line-height: 24px;
    margin: 0;
    padding: 0
}

*+.event-details-info-detail {
    margin-top: 3px
}

@media screen and (min-width:768px) {
    *+.event-details-info-detail {
        margin-top: 6px
    }
}

.event-details-info-detail__inner-details {
    max-width: 223px;
    margin: 0 0 0 15px;
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 22px
}

.event-details-info-detail__inner-details p {
    margin: 0
}

.event-details-info-detail__inner-details a {
    color: #169442
}

.featured-event {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1024px) {
    .featured-event {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.featured-event-image {
    display: block;
    height: 220px
}

@media screen and (min-width:768px) {
    .featured-event-image {
        height: 375px
    }
}

@media screen and (min-width:1024px) {
    .featured-event-image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: -6px;
        width: 60%
    }
}

@media screen and (min-width:768px) {
    .featured-event-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .featured-event-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 350px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 350px
    }
}

.featured-event-details {
    background-color: #fff;
    color: inherit;
    display: block;
    padding: 30px 25px;
    position: relative;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .featured-event-details {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 40px 30px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .featured-event-details {
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: auto
    }
}

.featured-event-map {
    display: none
}

@media screen and (min-width:768px) {
    .featured-event-map {
        background-position: center;
        background-size: cover;
        display: block;
        min-height: 250px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .featured-event-map {
        height: 250px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.featured-event-map .map-module {
    height: 100%;
    pointer-events: none
}

.featured-event-map .map-module-map {
    height: 100%
}

.featured-event-dates {
    background-color: #fff;
    bottom: calc(100% - 7px);
    display: block;
    left: 0;
    padding: 10px 25px 0;
    position: absolute
}

@media screen and (min-width:768px) {
    .featured-event-dates {
        padding-left: 30px;
        padding-right: 30px
    }
}

.featured-event-date {
    display: inline-block;
    text-align: center
}

*+.featured-event-date {
    margin-left: 30px;
    position: relative
}

*+.featured-event-date:before {
    background-color: #169442;
    bottom: 14px;
    content: "";
    display: block;
    height: 3px;
    left: -32px;
    margin-left: 11px;
    margin-right: 11px;
    position: absolute;
    width: 9px
}

.featured-event-month {
    display: block;
    font: bold 12px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.featured-event-day {
    color: #169442;
    font: bold 24px/24px Roboto, sans-serif
}

.featured-event-label {
    color: #169442;
    display: block;
    font: bold 14px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.featured-event-title {
    font: bold 18px/22px Roboto, sans-serif;
    margin: 0;
    text-transform: uppercase
}

*+.featured-event-title {
    margin-top: 5px
}

.featured-event-address {
    font-style: normal
}

*+.featured-event-address {
    margin-top: 12px
}

.featured-event-cta {
    display: inline-block;
    font: bold 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    margin-top: 30px;
    text-transform: uppercase
}

.featured-event-cta-icon {
    display: inline-block;
    fill: #169442;
    height: 20px;
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
    width: 14px
}

.family-layout {
    overflow: hidden
}

.family-layout.container {
    padding: 0
}

@media screen and (min-width:768px) {
    .family-layout.container {
        padding: 0 50px
    }
}

.family-layout__title {
    padding: 0 25px;
    margin: 45px 0 36px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .51px;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .family-layout__title {
        padding: 0;
        font-size: 36px;
        letter-spacing: .61px
    }
}

@media screen and (min-width:1024px) {
    .family-layout__title {
        margin: 61px 0 48px
    }
}

.family-layout__headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px 25px;
    position: fixed;
    top: -3px;
    z-index: 11;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: inset 0 -2px 0 0 #ececec;
    box-shadow: inset 0 -2px 0 0 #ececec;
    width: 100%;
    padding: 0 25px;
    top: -100%
}

.family-layout__headers.is-sticky {
    top: 0
}

@media screen and (min-width:768px) {
    .family-layout__headers {
        display: none
    }
}

.family-layout__headers__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 23px 0 21px
}

.family-layout__headers__item__year {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0
}

.family-layout__headers__item__name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0
}

.family-layout__headers__item__msrp {
    color: #5b5b5b;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 20px;
    text-transform: uppercase;
    pointer-events: none
}

.family-layout__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px 25px;
    width: calc(92% - 25px)
}

.family-layout__content .slick-dots {
    position: absolute;
    bottom: auto;
    width: 100vw;
    height: 40px
}

@media screen and (min-width:768px) {
    .family-layout__content {
        padding: 0 0 120px;
        width: 100%
    }

    .family-layout__content .slick-dots {
        display: none
    }
}

.family-layout__content .slick-list {
    overflow: visible;
    width: 100%;
    z-index: 1
}

.family-layout__content__item {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.family-layout__content__item:not(:last-of-type) {
    margin-right: 16px
}

@media screen and (min-width:1024px) {
    .family-layout__content__item:not(:last-of-type) {
        margin-right: 25px
    }
}

.family-layout__content__item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 115px
}

@media screen and (min-width:768px) {
    .family-layout__content__item__top {
        margin-bottom: 36px
    }
}

@media screen and (min-width:1024px) {
    .family-layout__content__item__top {
        margin-bottom: 44px
    }
}

.family-layout__content__item__top__image {
    display: block;
    max-width: 100%;
    margin: 0 auto 24px
}

@media screen and (min-width:1024px) {
    .family-layout__content__item__top__image {
        width: calc(100% - 100px);
        max-width: 248px
    }
}

.family-layout__content__item__top__year {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0
}

.family-layout__content__item__top__name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0
}

.family-layout__content__item__top__msrp {
    color: #5b5b5b;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 20px;
    text-transform: uppercase
}

.family-layout__content__item__top__cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px
}

@media screen and (min-width:1024px) {
    .family-layout__content__item__top__cta-container {
        margin-top: 24px
    }
}

@media screen and (min-width:768px) {
    .family-layout__content__item__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.family-layout__content__item__top .btn {
    display: none
}

@media screen and (min-width:768px) {
    .family-layout__content__item__top .btn {
        display: block;
        width: 76px;
        height: 29px;
        padding: 6px 0;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .36px;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase
    }

    .family-layout__content__item__top .btn:first-of-type {
        margin-right: 6px
    }
}

@media screen and (min-width:1024px) {
    .family-layout__content__item__top .btn {
        min-width: 132px;
        height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .family-layout__content__item__top .btn:first-of-type {
        margin-right: 14px
    }
}

.family-layout__content__item__bottom {
    background: #fff;
    border-radius: 4px;
    padding: 32px 16px 60px
}

@media screen and (min-width:1024px) {
    .family-layout__content__item__bottom {
        padding: 32px 25px 60px
    }
}

.family-layout__content__item__bottom__title {
    margin: 0 0 16px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    text-transform: uppercase
}

.family-layout__content__item__bottom__list {
    list-style: none outside;
    padding: 0;
    margin: 0
}

.family-layout__content__item__bottom__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1px solid #9b9b9b;
    padding: 12px 0;
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .31px;
    line-height: 24px
}

.family-layout__content__item__bottom__list li:last-of-type {
    border-top: 1px solid #9b9b9b
}

.family-layout__content__item__bottom__list li .dot {
    width: 12px;
    height: 12px;
    margin-right: 16px;
    background-color: #169442;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 7px
}

.family-layout__content__item__bottom__caption {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    margin: 16px 0 0
}

.family-layout__buttons {
    height: 99px;
    margin-bottom: 120px
}

@media screen and (min-width:768px) {
    .family-layout__buttons {
        display: none
    }
}

.family-layout__buttons__inner {
    z-index: 10;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: inset 0 2px 0 0 #ececec;
    box-shadow: inset 0 2px 0 0 #ececec
}

.is-sticky .family-layout__buttons__inner {
    position: fixed;
    bottom: -3px
}

.family-layout__buttons__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 99px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(92% - 25px)
}

.family-layout__buttons__item .btn {
    display: block;
    width: 76px;
    height: 29px;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.family-layout__buttons__item .btn:first-of-type {
    margin-right: 6px
}

.faq__list-wrapper {
    border-top: 4px solid #169442;
    padding: 40px 0
}

@media screen and (min-width:768px) {
    .faq__list-wrapper {
        padding-top: 55px
    }
}

*+.faq__list-wrapper {
    margin-top: 23px
}

.faq__section-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .faq__section-title {
        padding-left: 50px;
        padding-right: 50px
    }
}

*+.faq__section-title {
    margin-top: 54px
}

.faq__section-teaser {
    margin: 0;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .faq__section-teaser {
        padding-left: 50px;
        padding-right: 50px
    }
}

*+.faq__section-teaser {
    margin-top: 6px
}

.faq__list {
    margin: 0
}

*+.faq__list {
    margin-top: 27px
}

@media screen and (min-width:768px) {
    *+.faq__list {
        padding-left: 50px;
        padding-right: 50px
    }
}

.faq__term {
    background: 0 0;
    border: 0;
    width: 100%;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    padding: 27px 25px 27px 73px;
    position: relative
}

@media screen and (min-width:768px) {
    .faq__term {
        padding-left: 48px
    }
}

.faq__item-icon {
    background-color: #169442;
    border-radius: 4px;
    height: 25px;
    right: 25px;
    line-height: 25px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 28px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 25px
}

@media screen and (min-width:1024px) {
    .faq__item-icon {
        right: 0
    }
}

.faq__item-icon img,
.faq__item-icon svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle
}

.faq__item-icon svg {
    height: 14px;
    width: 14px
}

.faq__item-icon img {
    max-height: 100%;
    max-width: 100%
}

.faq__item-icon--down,
.faq__item-icon--up {
    fill: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.faq__item-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.faq__item-icon--up {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.expanded .faq__item-icon {
    background: #169442
}

.expanded .faq__item-icon--down {
    opacity: 0
}

.expanded .faq__item-icon--up {
    opacity: 1
}

.faq__definition {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0 25px 0 73px
}

@media screen and (min-width:768px) {
    .faq__definition {
        padding-left: 48px;
        padding-right: 0
    }
}

.faq__content {
    padding-bottom: 27px
}

.faq__content>:first-child {
    margin-top: 0
}

.faq__content>:last-child {
    margin-bottom: 0
}

.faq__content a {
    text-decoration: none;
    color: #169442
}

.faq__content a:hover {
    color: #880f13
}

.faq {
    padding-left: 0;
    padding-right: 0
}

.faq__landing-module {
    background: #fff;
    padding: 0
}

.faq__landing-module .heading {
    margin: 0;
    padding: 15px
}

.faq__landing-module .faq__term {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 63px;
    text-transform: none
}

@media screen and (min-width:768px) {
    .faq__landing-module .faq__term {
        padding-right: 73px
    }
}

@media screen and (min-width:1024px) {
    .faq__landing-module .faq__term {
        padding-right: 83px
    }
}

.faq__landing-module .faq__term::focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:768px) {
    .faq__landing-module .faq__item-icon {
        right: 25px
    }
}

@media screen and (min-width:1024px) {
    .faq__landing-module .faq__item-icon {
        right: 37px
    }
}

.faq__landing-module .faq__definition {
    border-color: #bebebe;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 63px
}

@media screen and (min-width:768px) {
    .faq__landing-module .faq__definition {
        padding-right: 73px
    }
}

@media screen and (min-width:1024px) {
    .faq__landing-module .faq__definition {
        padding-right: 83px
    }
}

@media screen and (max-width:767px) {
    .faq__landing-module .faq__definition:last-child {
        border-bottom: 0
    }
}

.faq-module {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 80px
}

@media screen and (min-width:768px) {
    .faq-module {
        padding: 0 50px 120px 35px
    }
}

.faq-module .faq__term {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 63px;
    text-transform: none
}

@media screen and (min-width:768px) {
    .faq-module .faq__term {
        padding-right: 73px
    }
}

@media screen and (min-width:1024px) {
    .faq-module .faq__term {
        padding-right: 83px
    }
}

.faq-module .faq__term::focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:768px) {
    .faq-module .faq__item-icon {
        right: 25px
    }
}

@media screen and (min-width:1024px) {
    .faq-module .faq__item-icon {
        right: 37px
    }
}

.faq-module .faq__definition {
    border-color: #bebebe;
    border-width: 1px;
    padding-left: 25px;
    padding-right: 63px
}

@media screen and (min-width:768px) {
    .faq-module .faq__definition {
        padding-right: 73px
    }
}

@media screen and (min-width:1024px) {
    .faq-module .faq__definition {
        padding-right: 83px
    }
}

@media screen and (max-width:767px) {
    .faq-module .faq__definition:last-child {
        border-bottom: 0
    }
}

.faq-module .filter-select-outer:after,
.faq-module .filter-select-outer:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: unset;
    content: "";
    left: 8%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 10000
}

.faq-module .filter-select-outer:after {
    border-bottom-color: #fff
}

.faq-module .filter-select-outer:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

.faq-module .filter-select-wrap.active .filter-select-outer:after,
.faq-module .filter-select-wrap.active .filter-select-outer:before {
    opacity: 1
}

.faq-module .filter-select-list {
    left: 15px;
    margin-top: 12px;
    max-height: 300px;
    overflow-y: auto;
    right: 15px;
    width: auto
}

.faq-module .filter-select-list:after,
.faq-module .filter-select-list:before {
    content: none
}

.faq-module .filter-select-trigger {
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 25px;
    padding-top: 25px
}

.faq-module .filter-select-wrap.active .filter-select-text {
    color: #169442
}

.faq-module .filter-select-text {
    color: rgba(0, 0, 0, .88);
    font-weight: 500
}

.faq-module .filter-select-item {
    position: relative;
    padding-bottom: 4px;
    padding-top: 4px
}

.faq-module .filter-select-item:before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 4px;
    content: "";
    opacity: 0;
    background-color: #169442
}

.faq-module .filter-select-item.active:before {
    opacity: 1
}

.faq-module .filter-select-value {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.faq-module .filter-select-value:hover {
    color: #169442
}

.faq-module .filter-select-item.active .filter-select-value {
    color: #169442
}

@media screen and (max-width:768px) {
    .faq-module-content {
        padding: 0;
        width: 100%
    }
}

.faq-module-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:768px) {
    .faq-module-nav ul {
        min-width: 214px
    }
}

.faq-module-nav__item {
    position: relative
}

.faq-module-nav__item a {
    border-top: 1px solid #bebebe;
    color: rgba(0, 0, 0, .88);
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 31px 0;
    text-decoration: none
}

.faq-module-nav__item a:hover {
    color: rgba(223, 27, 33, .95)
}

.faq-module-nav__item.active a {
    color: #169442
}

.faq-module-nav__item:last-child a {
    border-bottom: 1px solid #bebebe
}

.faq-module-nav__item svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    display: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #169442
}

.faq-module-nav__item.active svg {
    display: block
}

.faq-module__filter-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-top: 3px solid #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 62px;
    padding: 62px 0;
    width: 100%
}

@media screen and (max-width:768px) {
    .faq-module__filter-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        padding: 32px 0
    }
}

.faq-module__filter-container .filter-select-wrap {
    margin-bottom: 0;
    min-width: 380px;
    width: auto
}

@media screen and (max-width:768px) {
    .faq-module__filter-container .filter-select-wrap {
        min-width: 320px;
        width: calc(100% - 40px)
    }
}

.faq-module__filter-container .filter-reset {
    margin-top: 0;
    margin-right: 0;
    margin-left: 30px
}

@media screen and (max-width:768px) {
    .faq-module__filter-container .filter-reset {
        margin: 0
    }
}

.faq-module__filter-container .filter-apply {
    margin-top: 0;
    margin-right: 0
}

@media screen and (max-width:768px) {
    .faq-module__filter-container .filter-apply {
        margin: 0
    }
}

.faq-module__filter-container .faq-module__filter-btn-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media screen and (max-width:768px) {
    .faq-module__filter-container .faq-module__filter-btn-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 10px;
        min-width: 320px;
        width: calc(100% - 40px)
    }
}

.faq-module__section {
    display: none
}

.faq-module__section.active {
    display: block;
    opacity: 0
}

.faq__section-title {
    padding-right: 25px;
    padding-left: 25px
}

@media screen and (min-width:768px) {
    .faq__section-title {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .faq__section-title:first-child {
        margin-top: -10px;
        padding-top: 40px;
        border-top: 1px solid #bebebe
    }
}

.faq__list .faq__list-container:nth-child(odd) {
    background-color: #f6f6f6
}

*+.faq__list {
    padding-right: 0;
    padding-left: 0
}

.features {
    background: #fff
}

.features .header {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width:768px) {
    .features .header {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 23px
    }
}

.features .trim-type-header {
    display: none;
    padding: 0 10px;
    padding-right: 0
}

@media screen and (min-width:768px) {
    .features .trim-type-header {
        padding-left: 35px
    }
}

@media screen and (min-width:1024px) {
    .features .trim-type-header {
        padding: 0 25px;
        padding-left: 35px
    }
}

.features .trim-type-header:first-child {
    display: block;
    margin-top: 0
}

.features .selector-outter-wrap {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .features .selector-outter-wrap {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .features .selector-outter-wrap {
        padding: 0 15px
    }
}

.features .trim-select-wrap {
    margin-bottom: 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .features .trim-select-wrap {
        float: right;
        margin-bottom: 0;
        margin-right: 35px;
        margin-top: -8px;
        padding: 0;
        width: 300px
    }
}

.features .feature-header {
    font-size: 28px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .features .feature-header {
        margin-bottom: 20px
    }
}

.features .feature-subheader {
    font-size: 18px;
    text-transform: uppercase
}

.features .feature-image {
    max-height: 100%;
    width: 100%
}

.features .load-more-text-wrap {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .features .load-more-text-wrap {
        padding: 0 50px
    }
}

@media screen and (min-width:1024px) {
    .features .load-more-text-wrap {
        padding: 40px 35px
    }
}

.features .load-more-button-wrap {
    text-align: center
}

.features .features-dropdown-content {
    display: none;
    width: 100%
}

@media screen and (min-width:768px) {
    .features .features-dropdown-content {
        margin-top: 15px
    }
}

@media screen and (min-width:1024px) {
    .features .features-dropdown-content {
        margin-top: 30px
    }
}

.features .features-dropdown-content:first-child {
    display: block
}

.financial-calculator-back-wrapper {
    line-height: 16px;
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .financial-calculator-back-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

.financial-calculator-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.financial-calculator-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.financial-calculator-back:hover {
    color: #169442
}

.financial-calculator-back:focus {
    outline: 2px solid #df1c21
}

.financial-calculator-back svg {
    margin-left: -2px;
    margin-right: 12px
}

@media (hover:none) {
    .financial-calculator-back:hover {
        color: rgba(0, 0, 0, .88)
    }
}

.financial-calculator-back-label {
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.financial-calculator-back:hover .financial-calculator-back-label {
    color: #169442
}

.financial-calculator {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.financial-calculator-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin: 0;
    padding: 48px 25px 32px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .financial-calculator-title {
        font-size: 36px;
        letter-spacing: .61px;
        padding: 48px 50px
    }
}

.financial-calculator-columns {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin-left: 0;
    margin-right: 0;
    padding: 26px 25px 79px
}

@media screen and (min-width:768px) {
    .financial-calculator-columns {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .financial-calculator-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 49px;
        padding-bottom: 85px
    }
}

.financial-calculator-calculate {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1024px) {
    .financial-calculator-calculate {
        padding-right: 15px
    }
}

.financial-calculator-sidebar {
    margin-top: 58px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1024px) {
    .financial-calculator-sidebar {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .financial-calculator-sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.financial-calculator-calculate-term-wrapper .filter-select-wrap {
    margin-bottom: 24px;
    margin-top: 6px
}

@media screen and (min-width:768px) {
    .financial-calculator-calculate-term-wrapper .filter-select-wrap {
        margin-bottom: 47px;
        margin-top: 8px;
        width: 31.18%
    }
}

@media screen and (min-width:1024px) {
    .financial-calculator-calculate-term-wrapper .filter-select-wrap {
        width: 41.5%
    }
}

.financial-calculator-calculate-term-wrapper .filter-select-trigger {
    background-color: #169442;
    height: 66px
}

.financial-calculator-calculate-term-wrapper .filter-select-text {
    color: #fff;
    font-size: 16px
}

.financial-calculator-calculate-term-wrapper .filter-select-icon {
    background-color: #169442
}

.financial-calculator-calculate-term-label {
    color: #747474;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    margin: 0
}

.financial-calculator-calculate-term-label strong {
    color: #090101;
    font-style: normal;
    padding-right: 5px
}

.financial-calculator-calculate-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.financial-calculator-calculate-field-wrapper {
    margin-bottom: 21px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .financial-calculator-calculate-field-wrapper {
        margin-bottom: 28px;
        width: 31.18%
    }
}

@media screen and (min-width:1024px) {
    .financial-calculator-calculate-field-wrapper {
        margin-bottom: 39px;
        width: 41.5%
    }
}

.financial-calculator-calculate-field-wrapper .disclaimer {
    bottom: 23px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    z-index: 21
}

.financial-calculator-calculate-field-wrapper .tlite {
    top: 35px !important;
    left: -115px !important
}

.financial-calculator-calculate-field-wrapper .tlite:before {
    left: 75%
}

.financial-calculator-calculate-field-label {
    background: 0 0;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 7px;
    padding: 0
}

@media screen and (min-width:1024px) {
    .financial-calculator-calculate-field-label {
        white-space: nowrap
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .financial-calculator-calculate-field-label {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 48px
    }
}

.financial-calculator-calculate-field {
    background-color: #fff;
    border: 1px solid #ececec;
    font-size: 18px;
    height: 70px;
    outline: 0;
    padding-left: 22px;
    padding-right: 20px;
    width: 100%
}

.financial-calculator-calculate-field[readonly] {
    opacity: .5
}

.financial-calculator-calculate-field::-webkit-input-placeholder {
    color: #090101;
    opacity: 1
}

.financial-calculator-calculate-field::-moz-placeholder {
    color: #090101;
    opacity: 1
}

.financial-calculator-calculate-field:-ms-input-placeholder {
    color: #090101;
    opacity: 1
}

.financial-calculator-calculate-field:-moz-placeholder {
    color: #090101;
    opacity: 1
}

.financial-calculator-calculate-field:focus::-webkit-input-placeholder {
    opacity: 0
}

.financial-calculator-calculate-field:focus::-moz-placeholder {
    opacity: 0
}

.financial-calculator-calculate-field:focus:-ms-input-placeholder {
    opacity: 0
}

.financial-calculator-calculate-field:focus:-moz-placeholder {
    opacity: 0
}

.financial-calculator-disclaimer {
    color: #4a4a4a;
    display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 11px
}

@media screen and (min-width:1024px) {
    .financial-calculator-disclaimer {
        margin-top: 10px;
        padding-left: 7px
    }
}

.financial-calculator-selected-offers-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.financial-calculator-selected-offers {
    list-style: none;
    margin-bottom: 49px;
    padding: 0
}

@media screen and (min-width:768px) and (max-width:991px) {
    .financial-calculator-selected-offers {
        margin-right: 20px
    }
}

*+.financial-calculator-selected-offers {
    margin-top: 10px
}

.financial-calculator-selected-offer {
    background-color: #fff;
    border-bottom: 3px solid #169442;
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0 0 16px;
    padding: 33px 36px 29px 26px;
    position: relative;
    text-transform: uppercase
}

.financial-calculator-selected-offer-remove {
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 16px;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px
}

.financial-calculator-selected-offer-remove svg {
    fill: #169442;
    height: 16px;
    width: 16px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .financial-calculator-callout {
        min-width: 270px;
        width: 270px
    }
}

.financial-calculator-callout-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.financial-calculator-callout-link {
    background-color: #fff;
    display: block;
    margin-top: 7px;
    padding: 25px 25px 34px;
    text-align: center;
    text-decoration: none;
    max-width: 100%
}

.financial-calculator-callout-text {
    color: #169442;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 12px
}

.financial-calculator-callout-image {
    max-width: 100%
}

.financial-calculator-estimate-columns-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.financial-calculator-estimate-columns {
    width: 100%;
    margin: 0;
    padding: 50px 25px 105px
}

@media screen and (min-width:768px) {
    .financial-calculator-estimate-columns {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .financial-calculator-estimate-columns {
        padding-top: 60px
    }
}

.financial-calculator-estimate {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1024px) {
    .financial-calculator-estimate {
        padding-right: 15px
    }
}

.financial-calculator-estimate-sidebar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 70px
}

@media screen and (min-width:1024px) {
    .financial-calculator-estimate-sidebar {
        padding-right: 15px;
        padding-top: 0
    }
}

.financial-calculator-estimate-sidebar a {
    display: inline-block;
    max-width: 100%
}

.callout-wrapper {
    margin: 63px auto 0;
    text-align: center
}

@media (min-width:768px) {
    .callout-wrapper {
        margin-top: 51px
    }
}

.term-total-callout {
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 30px 21px 40px
}

@media (min-width:768px) {
    .term-total-callout {
        padding-left: 38px;
        padding-right: 38px;
        padding-top: 40px
    }
}

.term-total-callout-label {
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px
}

.term-total-callout-total {
    font: 500 48px/36px Roboto, sans-serif;
    letter-spacing: .81px;
    margin: 20px 0
}

@media (min-width:768px) {
    .term-total-callout-total {
        margin-bottom: 33px
    }
}

.term-total-callout-disclaimer {
    display: block;
    font-size: 12px;
    font-style: italic;
    letter-spacing: .3px;
    line-height: 18px;
    max-width: 460px
}

.term-total-callout-cta {
    margin-top: 30px;
    max-width: 270px;
    width: 100%
}

.selected-offers-callout {
    background-color: #fff;
    border: 1px solid #ececec;
    margin-top: 16px;
    padding: 30px 21px 40px
}

@media (min-width:768px) {
    .selected-offers-callout {
        padding-left: 38px;
        padding-right: 38px;
        padding-bottom: 37px
    }
}

.selected-offers-callout-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 9px 0
}

.selected-offers-callout-offers {
    list-style: none;
    margin: 0 0 0 -7px;
    padding: 0
}

.selected-offers-callout-offer {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:768px) {
    .selected-offers-callout-offer {
        padding-left: 25px
    }
}

*+.selected-offers-callout-offer {
    margin-top: 19px
}

.selected-offers-callout-offer:before {
    background-color: #169442;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 7px;
    position: absolute;
    top: 8px;
    width: 7px
}

.term-details-callout {
    background-color: #fff;
    border: 1px solid #ececec;
    list-style: none;
    margin: 16px 0 0;
    padding: 30px 27px 0
}

@media (min-width:768px) {
    .term-details-callout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 12px;
        padding-left: 38px;
        padding-right: 38px
    }
}

.term-details-callout-item {
    margin: 0 0 40px;
    padding: 0
}

@media (min-width:768px) {
    .term-details-callout-item {
        margin-right: 15px;
        margin-bottom: 38px;
        width: 220px
    }
}

@media (min-width:1024px) {
    .term-details-callout-item {
        margin-right: 10px;
        max-width: calc(50% - 20px)
    }
}

.term-details-callout-label {
    display: block;
    font-size: 14px;
    line-height: 24px
}

.term-details-callout-value {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 3px
}

@media (min-width:768px) and (max-width:991px) {
    .estimated-model-details {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.estimated-model-details-image img {
    max-width: 100%
}

.estimated-model-details-info {
    margin-bottom: 0
}

.estimated-model-details-label {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0
}

*+.estimated-model-details-label {
    margin-top: 12px
}

@media (min-width:768px) {
    *+.estimated-model-details-label {
        margin-top: 19px
    }
}

.estimated-model-details-value {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    .estimated-model-details-value {
        font-size: 24px
    }
}

.estimated-model-details-value .asterisk-icon {
    margin-bottom: 6px
}

@media (min-width:768px) {
    .estimated-model-details-value .asterisk-icon {
        margin-bottom: 10px
    }
}

.estimated-model-details-cta {
    margin-top: 58px;
    width: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .estimated-model-details-cta {
        margin-top: 45px
    }
}

@media (min-width:768px) {
    .estimated-model-details-cta {
        margin-top: 49px;
        margin-right: 4px
    }
}

@media (min-width:1024px) {
    .estimated-model-details-cta {
        margin-right: 0
    }
}

.financial-calculator-estimate-image {
    display: block;
    max-width: 100%
}

@media (min-width:768px) and (max-width:991px) {
    .financial-calculator-estimate-image {
        margin-left: auto;
        width: 324px
    }
}

@media (min-width:768px) {
    .financial-calculator-estimate-image {
        padding-left: 4px
    }
}

*+*>.financial-calculator-estimate-image,
*+.financial-calculator-estimate-image {
    margin-top: 53px
}

@keyframes spinner {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.financial-calculator-loader-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .6);
    z-index: 55553
}

.financial-calculator-loader {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    left: 50%;
    margin: 50px auto;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 9999
}

.financial-calculator-loader.loading-appear {
    opacity: .1
}

.financial-calculator-loader.loading-appear.loading-appear-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.financial-calculator-loader.loading-leave {
    opacity: 1
}

.financial-calculator-loader.loading-leave.loading-leave-active {
    opacity: .01;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.financial-calculator-loader-icon {
    -webkit-animation: spinner .75s infinite forwards;
    animation: spinner .75s infinite forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    fill: #169442;
    height: 100px;
    padding: 10px;
    width: 100px
}

.financial-calculator-next-wrapper {
    background: #fff;
    border-top: 3px solid #dfdfdf;
    bottom: 0;
    height: 6em;
    left: 0;
    padding: 29px 40px;
    position: fixed;
    text-align: right;
    top: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    z-index: 99
}

@media screen and (min-width:768px) {
    .financial-calculator-next-wrapper {
        height: 108px;
        padding-left: 50px;
        padding-right: 40px;
        padding-top: 29px
    }
}

.financial-calculator-next-wrapper .btn-red {
    padding: 1em 3em
}

@media screen and (min-width:768px) {
    .financial-calculator-next-wrapper .btn-red {
        min-width: 262px
    }
}

@media screen and (max-width:400px) {
    .financial-calculator-next-wrapper .btn-red {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .financial-calculator-next-wrapper .btn-red.btn-red {
        background-color: #169442
    }
}

.financial-calculator-next-wrapper.active {
    top: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1)
}

.calculator-offers-container {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 32px 25px 87px
}

@media (min-width:768px) {
    .calculator-offers-container {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 96px
    }
}

.calculator-offers-container .no-results {
    padding: 0
}

.calculator-offers-zip-form-wrapper {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 18px 25px
}

@media (min-width:768px) {
    .calculator-offers-zip-form-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 13px;
        padding-bottom: 16px
    }
}

.calculator-offers-zip-form {
    margin-bottom: 16px;
    position: relative
}

@media (min-width:768px) {
    .calculator-offers-zip-form {
        margin-bottom: 0;
        margin-right: 26px;
        width: 225px
    }
}

.calculator-offers-zip-error {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-style: italic;
    margin: 9px 15px 0
}

.calculator-offers-zip-error-icon {
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    width: 20px
}

.calculator-offers-zip-input {
    background-clip: padding-box;
    background-color: #ececec;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    height: 54px;
    padding-left: 22px;
    width: 100%
}

.calculator-offers-zip-submit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #169442;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    border-radius: 3px
}

.calculator-offers-zip-submit svg {
    fill: #fff;
    height: 12px;
    width: 12px
}

.calculator-offers-zip-label {
    font-size: 16px
}

.calculator-offers-list {
    list-style: none;
    margin: 40px 0 0;
    padding: 0
}

@media (min-width:768px) {
    .calculator-offers-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.calculator-offer {
    background-color: #fff;
    border-bottom: 4px solid #169442;
    margin: 0 0 24px 0;
    padding: 30px 24px 41px
}

@media (min-width:768px) {
    .calculator-offer {
        width: calc(50% - 9px);
        margin-right: 18px;
        padding-left: 28px
    }
}

@media (min-width:768px) {
    .calculator-offer:nth-child(even) {
        margin-right: 0
    }
}

.calculator-offer-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0
}

.calculator-offer-description {
    margin: 0;
    max-height: 2em;
    overflow: hidden
}

.expanded .calculator-offer-description {
    max-height: none
}

*+.calculator-offer-description {
    margin-top: 12px
}

.calculator-offer-description button {
    background: 0 0;
    border: 0;
    color: #169442;
    cursor: pointer;
    font: inherit;
    padding: 0 0 0 5px
}

.calculator-offer-cta {
    min-width: 130px
}

@media (min-width:768px) {
    .calculator-offer-cta {
        min-width: 184px
    }
}

*+.calculator-offer-cta {
    margin-top: 30px
}

.calculator-offer-cta.added {
    background-color: #169442
}

.ReactModal__Overlay {
    z-index: 20000
}

.offers__modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-top: 4px solid #169442;
    -webkit-box-shadow: 0 0 70px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    padding: 25px;
    position: absolute;
    text-align: center
}

@media (min-width:768px) {
    .offers__modal {
        padding: 53px 60px;
        width: 610px
    }
}

.offers-modal__title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    text-transform: uppercase;
    width: 100%
}

.offers-modal__continue {
    margin-top: 33px;
    min-width: 184px
}

.offers-modal__cancel {
    background: 0 0;
    border: 0;
    color: #169442;
    cursor: pointer;
    font: bold 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    margin-top: 16px;
    min-width: 184px;
    text-transform: uppercase
}

.financial-calculator .filter-triggers-wrapper {
    margin-top: -11px
}

.financial-calculator .filter-triggers {
    margin-top: 0
}

@media screen and (max-width:767px) {
    .financial-calculator .filter-triggers {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 25px;
        padding-left: 25px
    }
}

@media screen and (min-width:768px) {
    .financial-calculator .filter-triggers {
        padding-right: 50px;
        padding-left: 50px
    }
}

.financial-calculator .filter-triggers button {
    text-transform: none
}

@media screen and (max-width:767px) {
    .financial-calculator .filter-triggers button {
        padding-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width:768px) {
    .financial-calculator .filter-triggers button {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 21px
    }
}

.financial-calculator .filter-triggers .current button {
    color: #169442
}

@media screen and (min-width:768px) {
    .financial-calculator .filter-triggers .filter-trigger {
        margin-left: 0;
        margin-right: 78px
    }
}

.financial-calculator .filter-triggers-wrapper+.financial-calculator-header {
    border-top: 0;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .financial-calculator .filter-triggers-wrapper+.financial-calculator-header {
        padding-top: 36px
    }
}

.financial-calculator-header {
    border-top: 4px solid #169442;
    margin-top: 60px;
    padding: 32px 25px
}

@media screen and (min-width:768px) {
    .financial-calculator-header {
        padding: 32px 50px
    }
}

.financial-calculator-back-wrapper~.financial-calculator-header {
    margin-top: 24px
}

.financial-calculator-view-title {
    display: inline-block;
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    text-transform: uppercase
}

.financial-calculator-view-teaser {
    margin: 0
}

@media screen and (min-width:768px) {
    .financial-calculator-view-teaser {
        display: inline-block
    }
}

*+.financial-calculator-view-teaser {
    margin-top: 8px
}

@media screen and (min-width:768px) {
    *+.financial-calculator-view-teaser {
        margin-left: 13px;
        margin-top: 0
    }
}

.financial-services {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 0
}

.financial-services .banner-module {
    background: 0 0
}

.financial-services .banner-module-image {
    display: block
}

.financial-services .banner-module-image img {
    display: block
}

.financial-services.financial-services--iframe {
    background: #fff
}

.financial-services iframe {
    display: block;
    min-height: 500px
}

@media screen and (min-width:768px) {
    .financial-services iframe {
        min-height: 600px
    }
}

.financial-services__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1440px) {
    .financial-services__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.financial-services__content--wide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 20px
}

.financial-services__content--wide .btn-red {
    margin-bottom: 24px;
    width: 100%
}

@media screen and (min-width:768px) {
    .financial-services__content--wide .btn-red {
        margin-bottom: 24px;
        width: 260px
    }
}

@media screen and (min-width:1440px) {
    .financial-services__content--wide {
        padding: 166px 136px 158px
    }
}

.financial-services-wide-title {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin-bottom: 24px
}

.financial-services__content {
    padding-bottom: 80px;
    padding-left: 25px;
    padding-right: 20px
}

@media screen and (min-width:768px) {
    .financial-services__content {
        padding-bottom: 86px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1440px) {
    .financial-services__content {
        padding: 64px 175px 80px 165px
    }
}

.financial-services__rtf {
    font-size: 14px;
    line-height: 24px;
    margin-top: 27px;
    margin-bottom: 45px
}

@media screen and (min-width:768px) {
    .financial-services__rtf {
        font-size: 16px;
        margin-top: 39px
    }
}

@media screen and (min-width:1024px) {
    .financial-services__rtf {
        margin-bottom: 40px
    }
}

.financial-services__rtf h2 {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 30px
}

.financial-services__rtf ol,
.financial-services__rtf ul {
    margin-top: 0;
    padding-left: 15px
}

.financial-services__rtf h2+p {
    margin-top: 18px
}

@media screen and (min-width:1024px) {
    .financial-services__rtf h2+p {
        margin-top: -1px
    }
}

.financial-services__rtf p+p {
    margin-top: 22px
}

.financial-services__rtf p+ol,
.financial-services__rtf p+ul {
    margin-top: -13px
}

.financial-services__rtf a {
    text-decoration: none;
    color: #169442
}

.financial-services__rtf a:hover {
    color: #880f13
}

.financial-services__ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 5px
}

.financial-services__ctas a {
    margin: 0 0 12px;
    width: 100%
}

@media screen and (min-width:768px) {
    .financial-services__ctas a {
        margin-bottom: 18px;
        max-width: 292px
    }
}

.financial-services__ctas a:last-child {
    margin-bottom: 0
}

.financial-services__ctas .btn-red {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
}

.financial-services__ctas .btn-outline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
}

.financial-services__ctas .cta-right-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

@media screen and (min-width:768px) {
    .financial-services__ctas {
        padding-right: 0
    }
}

@media screen and (min-width:1440px) {
    .financial-services__ctas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .financial-services__ctas a {
        margin-right: 16px;
        margin-bottom: 0;
        max-width: 260px;
        font-size: 14px
    }

    .financial-services__ctas a:last-child {
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 130%
    }

    .financial-services__ctas .cta-right-arrow {
        margin-top: 0;
        width: 130%
    }
}

.gear-page {
    background-color: #fff;
    padding: 0 0 103px
}

.gear-page__banner-image {
    max-width: 100%;
    width: 100%
}

.gear-page__rtf {
    font-size: 14px;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .gear-page__rtf {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px
    }
}

*+.gear-page__rtf {
    margin-top: 28px
}

@media screen and (min-width:768px) {
    *+.gear-page__rtf {
        margin-top: 40px
    }
}

@media screen and (min-width:1024px) {
    .gear-brochure {
        background: url(/images/patterns/bg-white-dotted.png) #fff;
        padding: 54px 50px
    }
}

.gear-brochure__inner {
    background: #fff;
    padding: 0 25px 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .gear-brochure__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 15px 15px 40px 50px
    }
}

@media screen and (min-width:1024px) {
    .gear-brochure__inner {
        padding: 42px 23px 45px 42px
    }
}

.gear-brochure__inner .gear-brochure__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.gear-brochure__inner .gear-brochure__content__title {
    margin: 0;
    margin-bottom: 32px;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.67px;
    line-height: 41px;
    max-width: 264px
}

@media screen and (min-width:1024px) {
    .gear-brochure__inner .gear-brochure__content__title {
        max-width: none;
        font-size: 38px;
        letter-spacing: -.79px;
        line-height: 45px
    }
}

.gear-brochure__inner .gear-brochure__content__link {
    padding: 16px 88.5px;
    margin-top: 0
}

.gear-brochure__inner .gear-brochure__background {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 291px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width:768px) {
    .gear-brochure__inner .gear-brochure__background {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: auto;
        height: 297px
    }
}

@media screen and (min-width:1024px) {
    .gear-brochure__inner .gear-brochure__background {
        height: 419px
    }
}

.generic-dct-advantages {
    background-color: #1a1818;
    padding-top: 64px;
    padding-bottom: 134px
}

@media screen and (min-width:768px) {
    .generic-dct-advantages .generic-dct-advantages__intro {
        padding: 0 35px
    }
}

.generic-dct-advantages .generic-dct-advantages__title {
    font-size: 30px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 35px;
    letter-spacing: 0;
    color: #eaeaea;
    margin: 0 0 56px
}

.generic-dct-advantages .generic-dct-advantages__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .generic-dct-advantages .generic-dct-advantages__grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.generic-dct-advantages .generic-dct-advantages__grid .generic-dct-advantage {
    cursor: pointer;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media screen and (max-width:767px) {
    .generic-dct-advantages .generic-dct-advantages__grid .generic-dct-advantage:not(:last-of-type) {
        margin-bottom: 50px
    }
}

@media screen and (min-width:768px) {
    .generic-dct-advantages .generic-dct-advantages__grid .generic-dct-advantage {
        -ms-flex-preferred-size: calc(50% - 43px);
        flex-basis: calc(50% - 43px)
    }

    .generic-dct-advantages .generic-dct-advantages__grid .generic-dct-advantage:not(:nth-of-type(1)):not(:nth-of-type(2)) {
        margin-top: 100px
    }

    .generic-dct-advantages .generic-dct-advantages__grid .generic-dct-advantage:nth-of-type(2n+2) {
        margin-left: 86px
    }
}

.generic-dct-advantage {
    position: relative
}

.generic-dct-advantage .generic-dct-advantage__image {
    width: 100%;
    height: 377px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media screen and (min-width:1024px) {
    .generic-dct-advantage .generic-dct-advantage__image {
        height: 0;
        padding-bottom: 57.07%;
        background-size: contain
    }
}

.generic-dct-advantage .generic-dct-advantage__title {
    border: none;
    cursor: pointer;
    text-decoration: none;
    background: #0f0f0f;
    padding: 33px 25px 33px 37px;
    color: #eaeaea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .generic-dct-advantage .generic-dct-advantage__title {
        position: absolute;
        bottom: -42px;
        left: 25px;
        width: calc(100% - 22px)
    }
}

@media screen and (min-width:1250px) {
    .generic-dct-advantage .generic-dct-advantage__title {
        position: absolute;
        bottom: -42px;
        left: 50px;
        width: calc(100% - 22px)
    }
}

.generic-dct-advantage .generic-dct-advantage__title p {
    margin: 0;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 19px
}

.generic-dct-advantage .generic-dct-advantage__title svg {
    fill: #169442;
    height: 19px;
    width: 19px
}

.generic-dct-hero {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.generic-dct-hero:before {
    content: '';
    z-index: 1;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 25px;
    background-color: #fff
}

.generic-dct-hero .generic-dct-hero__spacer {
    display: block
}

@media screen and (max-width:767px) {
    .generic-dct-hero .generic-dct-hero__spacer {
        height: 50vh !important
    }
}

@media screen and (min-width:768px) {
    .generic-dct-hero .generic-dct-hero__spacer {
        height: calc(100vh - 132px) !important
    }
}

.generic-dct-hero .generic-dct-hero__inner {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    background: #0f0f0f
}

.generic-dct-hero .generic-dct-hero__inner .slick-arrow {
    display: none !important;
    visibility: hidden
}

.generic-dct-hero .generic-dct-hero__background__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .generic-dct-hero .generic-dct-hero__background__content {
        height: calc(100% - 54px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.generic-dct-hero .generic-dct-hero__background__content .container {
    z-index: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .generic-dct-hero .generic-dct-hero__background__content .container {
        margin-top: 60px
    }
}

.generic-dct-hero .generic-dct-hero__background__container {
    height: 100%
}

.generic-dct-hero .generic-dct-hero__background__container .slick-list,
.generic-dct-hero .generic-dct-hero__background__container .slick-track {
    height: 100%
}

.generic-dct-hero .generic-dct-hero__background__container .slick-dots {
    display: none !important
}

.generic-dct-hero .generic-dct-hero__background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:768px) {
    @supports not (-webkit-touch-callout:none) {
        .generic-dct-hero .generic-dct-hero__background {
            background-attachment: fixed
        }
    }
}

.generic-dct-hero .generic-dct-hero__background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1
}

.generic-dct-hero .generic-dct-hero__background iframe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh
}

.generic-dct-hero .generic-dct-hero__badge {
    border: 2px solid #169442;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    padding: 2px 22px;
    font-size: 18px
}

@media screen and (max-width:374px) {
    .generic-dct-hero .generic-dct-hero__badge {
        font-size: 14px
    }
}

.generic-dct-hero .generic-dct-hero__title {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    color: #fff;
    z-index: 1;
    font-size: 32px;
    line-height: 1;
    margin: 20px 0 0
}

@media screen and (max-width:374px) {
    .generic-dct-hero .generic-dct-hero__title {
        font-size: 24px
    }
}

@media screen and (min-width:768px) {
    .generic-dct-hero .generic-dct-hero__title {
        font-size: 44px
    }
}

.generic-dct-hero .generic-dct-hero__scroll-cta-container {
    position: absolute;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:374px) {
    .generic-dct-hero .generic-dct-hero__scroll-cta-container {
        bottom: 20px
    }
}

@media screen and (min-width:768px) {
    .generic-dct-hero .generic-dct-hero__scroll-cta-container {
        bottom: 10%
    }
}

.generic-dct-hero .generic-dct-hero__scroll-cta-caption {
    font-family: Roboto, sans-serif;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    z-index: 1;
    font-size: 16px
}

@media screen and (max-width:374px) {
    .generic-dct-hero .generic-dct-hero__scroll-cta-caption {
        font-size: 14px
    }
}

.generic-dct-hero .generic-dct-hero__scroll-cta {
    margin-top: 10px;
    z-index: 1;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: relative
}

.generic-dct-hero .generic-dct-hero__scroll-cta:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 166px;
    background-color: #fff
}

.generic-dct-hero .generic-dct-hero__scroll-cta svg {
    cursor: pointer;
    fill: #fff;
    height: 29px;
    width: 19px
}

.generic-dct-intro {
    background-color: #0f0f0f;
    padding-top: 48px;
    padding-bottom: 102px
}

.generic-dct-intro .generic-dct-intro__inner {
    max-width: calc(884px + 30px);
    margin: 0 auto;
    color: #bcbcbc;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

@media screen and (min-width:768px) {
    .generic-dct-intro .generic-dct-intro__inner {
        padding: 0 35px
    }
}

.generic-dct-main-content {
    position: relative;
    z-index: 0
}

.four-o-four {
    overflow: hidden;
    padding: 39px 20px 41px;
    background-color: #fff
}

@media (min-width:768px) {
    .four-o-four {
        padding-top: 31px;
        padding-bottom: 109px
    }
}

@media (min-width:1024px) {
    .four-o-four {
        padding-top: 33px
    }
}

@media (min-width:768px) {
    .four-o-four__title-image-wrapper {
        position: relative;
        width: 467px;
        height: 221px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .four-o-four__title-image-wrapper {
        left: -19px
    }
}

.four-o-four__title {
    font: 900 88px/65px Roboto, sans-serif;
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 19px;
    letter-spacing: 1.49px;
    color: #169442
}

@media (min-width:768px) {
    .four-o-four__title {
        position: absolute;
        top: 94px;
        left: 0;
        font-size: 105px;
        padding-left: 0;
        letter-spacing: 1.78px
    }
}

@media (min-width:1024px) {
    .four-o-four__title {
        top: 97px;
        left: 0
    }
}

.four-o-four__image {
    margin-top: -27px;
    margin-left: 12px;
    min-width: 288px;
    max-width: 100%
}

@media (min-width:768px) {
    .four-o-four__image {
        position: absolute;
        top: 0;
        left: 90px;
        margin-top: 0;
        margin-left: 0
    }
}

.four-o-four__content {
    margin-top: 26px;
    padding-left: 19px;
    text-align: center
}

@media (min-width:768px) {
    .four-o-four__content {
        margin-top: 25px;
        padding-left: 28px
    }
}

@media (min-width:1024px) {
    .four-o-four__content {
        padding-left: 0
    }
}

.four-o-four__subtitle {
    font: bold 26px/22px Roboto, sans-serif;
    margin: 0;
    letter-spacing: .44px;
    color: #169442
}

.four-o-four__body {
    font: bold 16px/22px Roboto, sans-serif;
    margin: 12px 0 0;
    letter-spacing: .27px;
    text-transform: uppercase
}

.four-o-four__cta {
    margin-top: 23px;
    min-width: 186px
}

.five-hundred {
    overflow: hidden;
    padding: 39px 20px 41px;
    background-color: #fff
}

@media (min-width:768px) {
    .five-hundred {
        padding-top: 31px;
        padding-bottom: 109px
    }
}

@media (min-width:1024px) {
    .five-hundred {
        padding-top: 33px
    }
}

@media (min-width:768px) {
    .five-hundred__title-image-wrapper {
        position: relative;
        width: 467px;
        height: 221px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .five-hundred__title-image-wrapper {
        left: -19px
    }
}

.five-hundred__title {
    font: 900 88px/65px Roboto, sans-serif;
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 19px;
    letter-spacing: 1.49px;
    color: #169442
}

@media (min-width:768px) {
    .five-hundred__title {
        position: absolute;
        top: 94px;
        left: 0;
        font-size: 105px;
        padding-left: 0;
        letter-spacing: 1.78px
    }
}

@media (min-width:1024px) {
    .five-hundred__title {
        top: 97px;
        left: 0
    }
}

.five-hundred__image {
    margin-top: -27px;
    margin-left: 12px;
    min-width: 288px;
    max-width: 100%
}

@media (min-width:768px) {
    .five-hundred__image {
        position: absolute;
        top: 0;
        left: 90px;
        margin-top: 0;
        margin-left: 0
    }
}

.five-hundred__content {
    margin-top: 26px;
    padding-left: 19px;
    text-align: center
}

@media (min-width:768px) {
    .five-hundred__content {
        margin-top: 25px;
        padding-left: 28px
    }
}

@media (min-width:1024px) {
    .five-hundred__content {
        padding-left: 0
    }
}

.five-hundred__subtitle {
    font: bold 26px/22px Roboto, sans-serif;
    margin: 0;
    letter-spacing: .44px;
    color: #169442
}

.five-hundred__body {
    font: bold 16px/22px Roboto, sans-serif;
    margin: 19px auto 0;
    letter-spacing: .27px;
    text-transform: uppercase;
    max-width: 471px
}

.add-to-calendar {
    margin: 0;
    width: auto
}

.add-to-calendar .filter-select-trigger {
    border: 0;
    padding-left: 60px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .add-to-calendar .filter-select-trigger {
        padding-left: 85px
    }
}

.add-to-calendar .filter-select-icon {
    background-color: transparent;
    fill: #169442;
    height: 21px;
    left: 25px;
    padding: 0;
    right: auto;
    width: 21px
}

.add-to-calendar .filter-select-icon.filter-select-icon {
    background-color: transparent
}

:hover>.add-to-calendar .filter-select-icon {
    background-color: transparent
}

@media screen and (min-width:768px) {
    .add-to-calendar .filter-select-trigger .filter-select-icon {
        left: 50px
    }
}

.add-to-calendar.active .filter-select-trigger .filter-select-icon {
    fill: #169442;
    -webkit-transform: none;
    transform: none
}

.add-to-calendar.active .filter-select-icon {
    -webkit-transform: none;
    transform: none
}

.add-to-calendar .filter-select-list {
    left: 10px;
    width: auto
}

@media screen and (min-width:768px) {
    .add-to-calendar .filter-select-list {
        left: 35px
    }
}

.add-to-calendar .filter-select-item {
    padding-bottom: 4px;
    padding-top: 4px
}

.add-to-calendar .filter-select-value {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left: 60px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.add-to-calendar .filter-select-value:hover {
    color: #169442
}

.alt-image-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .alt-image-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.alt-image-content.container {
    padding: 0;
    border-bottom: 4px solid #dfdfdf
}

.alt-image-content-image {
    background-position: center;
    background-size: cover;
    height: 323px;
    position: relative
}

@media screen and (max-width:767px) {
    .alt-image-content-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:768px) {
    .alt-image-content-image {
        height: auto;
        min-height: 453px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .alt-image-content-image {
        min-height: 495px
    }
}

.alt-image-content-content {
    background-color: #fff;
    padding: 45px 25px 60px
}

@media screen and (max-width:767px) {
    .alt-image-content-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:768px) {
    .alt-image-content-content {
        padding: 64px 50px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .alt-image-content-content {
        padding-right: 58px;
        padding-top: 58px
    }
}

@media screen and (min-width:1440px) {
    .alt-image-content-content {
        padding-top: 30px;
        padding-left:50px;
        padding-right: 143px
    }
}

.alt-image-content-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .41px;
    margin: 0
}

@media screen and (min-width:768px) {
    .alt-image-content-title {
        font-size: 28px;
        letter-spacing: .48px;
        line-height: 33px
    }
}

@media screen and (min-width:1024px) {
    .alt-image-content-title {
        font-size: 30px;
        letter-spacing: .53px;
        line-height: 36px
    }
}

.alt-image-content-sub-title {
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .41px;
    margin: 0
}

@media screen and (min-width:1024px) {
    .alt-image-content-sub-title {
        font-size: 18px;
        line-height: 24px
    }
}

*+.alt-image-content-sub-title {
    margin-top: 12px
}

@media screen and (min-width:768px) {
    *+.alt-image-content-sub-title {
        margin-top: 8px
    }
}

@media screen and (min-width:1024px) {
    *+.alt-image-content-sub-title {
        margin-top: 12px
    }
}

.alt-image-content-cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.alt-image-content-cta-container .alt-image-content-cta {
    margin-top: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.alt-image-content-cta-container .alt-image-content-cta:nth-of-type(2) {
    margin-top: 12px
}

.alt-image-content-cta-container .alt-image-content-cta svg {
    width: 21px;
    height: 21px;
    fill: #fff;
    margin-right: 12px
}

*+.alt-image-content-description {
    margin-bottom: 0;
    margin-top: 24px
}

.alt-image-content-cta,
.alt-image-content-cta__dropdown {
    width: 100%
}

@media screen and (min-width:768px) {

    .alt-image-content-cta,
    .alt-image-content-cta__dropdown {
        min-width: 222px;
        width: auto
    }
}

*+.alt-image-content-cta,
*+.alt-image-content-cta__dropdown {
    margin-top: 32px
}

.alt-image-content-cta__dropdown {
    margin: 32px 0 0
}

.alt-image-content-cta__dropdown .filter-select-trigger {
    background: #169442;
    border: 0;
    font-size: 14px;
    height: 48px;
    text-transform: uppercase
}

.alt-image-content-cta__dropdown .filter-select-trigger:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.alt-image-content-cta__dropdown .filter-select-icon {
    background: #169442
}

.alt-image-content-cta__dropdown .filter-select-text {
    color: #fff
}

.alt-image-content-cta__dropdown .filter-select-wrap.active .filter-select-icon {
    background: #169442
}

.alt-image-content-cta__dropdown .filter-select-value {
    text-decoration: none
}

.alt-image-content-image-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.banner-module {
    background: url(/images/patterns/bg-red-diagonal.png) #169442
}

.banner-module-image {
    display: block;
    max-width: 100%
}

.banner-module-image img {
    display: block;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:1440px) {
    .banner-module-description-cta {
        width: 60%
    }
}

.banner-module-content {
    color: #fff;
    padding: 30px 25px 90px
}

@media screen and (min-width:768px) {
    .banner-module-content {
        padding: 50px 50px 100px
    }
}

.banner-module-content>:first-child {
    margin-top: 0
}

.banner-module-content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1440px) {
    .banner-module-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 64px 165px 80px
    }

    .banner-module-content p {
        margin-top: 0
    }
}

.banner-module-title {
    font: bold 30px/36px Roboto, sans-serif;
    letter-spacing: .51px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:1440px) {
    .banner-module-title {
        width: 40%;
        padding-right: 13.87%
    }
}

.banner-module-description {
    margin-bottom: 22px
}

*+.banner-module-description {
    margin-top: 18px
}

.banner-module-cta {
    border-color: #fff;
    color: #fff;
    margin: 0;
    padding-bottom: 13px;
    padding-top: 17px
}

@media screen and (max-width:575px) {
    .banner-module-cta {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .banner-module-cta {
        min-width: 273px;
        padding-bottom: 15px;
        padding-top: 17px
    }
}

*+.banner-module-cta {
    margin-top: 20px
}

.banner-module-cta:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.banner-module .banner-module-play-video-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.banner-module .banner-module-play-video {
    background: 0 0;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none
}

.banner-module .banner-module-play-video svg {
    margin-right: 12px;
    fill: #fff;
    height: 24px;
    width: 24px
}

.hero-acessories-slider {
    position: relative
}

@media screen and (min-width:1024px) {
    .hero-acessories-slider {
        height: 1080px
    }
}

.hero-acessories-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-acessories-slider .slick-next,
.hero-acessories-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    display: none !important;
    height: 116px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    z-index: 10
}

.hero-acessories-slider .slick-next:focus,
.hero-acessories-slider .slick-prev:focus {
    outline: 2px solid #169442
}

@media screen and (min-width:1024px) {

    .hero-acessories-slider .slick-next,
    .hero-acessories-slider .slick-prev {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.hero-acessories-slider .slick-next:before,
.hero-acessories-slider .slick-prev:before {
    content: none
}

.hero-acessories-slider .slick-next svg,
.hero-acessories-slider .slick-prev svg {
    fill: #169442;
    height: 15px;
    width: 15px
}

.hero-acessories-slider .slick-prev {
    left: 0
}

.hero-acessories-slider .slick-next {
    right: 0
}

@media screen and (min-width:1024px) {

    .hero-acessories-slider .slick-list,
    .hero-acessories-slider .slick-track {
        height: 100%
    }
}

.hero-acessories-slider .slick-slide {
    height: auto
}

@media screen and (min-width:1024px) {
    .hero-acessories-slider .slick-slide>div {
        height: 100%
    }
}

.hero-acessories-slider .slick-dots {
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero-acessories-slider .slick-dots li {
    width: auto
}

.hero-acessories-slider .slick-dots .slick-dot.js-slick-dot-clickable {
    cursor: pointer
}

.chart-module {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 37px 25px 25px
}

@media screen and (min-width:768px) {
    .chart-module {
        padding-top: 52px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.chart-module-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 925px
}

.chart-module-triggers {
    background-color: #fff;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    position: relative
}

@media screen and (min-width:768px) {
    .chart-module-triggers {
        margin-bottom: 58px;
        margin-left: auto;
        margin-right: auto;
        width: 306px
    }
}

@media screen and (min-width:768px) {
    [data-current="1"] .chart-module-triggers {
        margin-bottom: 52px
    }
}

.chart-module-trigger {
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: 0;
    cursor: pointer;
    font: 500 14px/45px Roboto, sans-serif;
    letter-spacing: .36px;
    line-height: 43px;
    position: relative;
    text-transform: uppercase;
    width: 50%;
    z-index: 1
}

.chart-module-trigger-current-indicator {
    background-color: #169442;
    border-radius: 100px;
    color: #fff;
    font: bold 14px/45px Roboto, sans-serif;
    height: 100%;
    left: 0;
    letter-spacing: .36px;
    line-height: 43px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: left .25s;
    transition: left .25s;
    width: 50%;
    z-index: 2
}

[data-current="0"] .chart-module-trigger-current-indicator {
    left: 0
}

[data-current="1"] .chart-module-trigger-current-indicator {
    left: 50%
}

.chart-plan-duration {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    visibility: hidden
}

[data-current="0"] .chart-plan-duration {
    height: auto;
    opacity: 1;
    visibility: visible
}

.chart-plan-duration-cols {
    position: relative
}

@media screen and (min-width:768px) {
    .chart-plan-duration-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.chart-plan-duration-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    text-align: center
}

@media screen and (min-width:768px) {
    .chart-plan-duration-col {
        height: 137px;
        max-width: 42%;
        width: 42%
    }
}

.chart-plan-duration-col:nth-child(1) {
    background-color: #fff;
    min-height: 156px
}

@media screen and (min-width:768px) {
    .chart-plan-duration-col:nth-child(1) {
        min-height: 0
    }
}

.chart-plan-duration-col:nth-child(3) {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: #fff;
    min-height: 265px
}

@media screen and (min-width:768px) {
    .chart-plan-duration-col:nth-child(3) {
        min-height: 0;
        max-width: 58%;
        width: 58%
    }
}

.chart-plan-duration-col-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .73px;
    text-transform: uppercase;
    padding-top: 6px
}

@media screen and (min-width:768px) {
    .chart-plan-duration-col-title {
        padding-top: 8px
    }
}

.chart-plan-duration-col:nth-child(1) .chart-plan-duration-col-title {
    color: #169442;
    padding-top: 8px
}

.chart-plan-duration-col-description {
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

.chart-plan-duration-plus {
    background-color: #fff;
    border-radius: 50%;
    height: 43px;
    left: 50%;
    line-height: 43px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 43px
}

@media screen and (min-width:768px) {
    .chart-plan-duration-plus {
        top: 50%;
        left: 42%
    }
}

.chart-plan-duration-plus svg {
    display: inline-block;
    fill: #169442;
    height: 22px;
    vertical-align: middle;
    width: 22px
}

@media screen and (min-width:768px) {
    .chart-plan-duration-plus svg {
        left: -1px
    }
}

.chart-total-duration {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px) {
    .chart-total-duration {
        margin-top: 50px
    }
}

.chart-total-duration-line {
    background-color: #169442;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 2px;
    margin-top: 10px;
    position: relative
}

@media screen and (max-width:767px) {
    .chart-total-duration-line {
        display: none
    }
}

.chart-total-duration-line:before {
    background-color: #169442;
    content: "";
    height: 37px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px
}

.chart-total-duration-line:first-child:before {
    left: 0
}

.chart-total-duration-line:last-child:before {
    right: 0
}

.chart-total-duration-text {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .53px;
    text-align: center
}

@media screen and (min-width:768px) {
    .chart-total-duration-text {
        margin-top: -1px;
        max-width: 353px;
        padding-left: 13px;
        padding-right: 13px
    }
}

@media screen and (min-width:1024px) {
    .chart-total-duration-text {
        max-width: 488px;
        padding-left: 23px;
        padding-right: 23px
    }
}

.chart-total-duration-text em {
    color: #169442;
    font-style: normal
}

.chart-term {
    height: 0;
    opacity: 0;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    visibility: hidden;
    margin-top: 60px
}

[data-current="1"] .chart-term {
    height: auto;
    margin-top: 53px;
    opacity: 1;
    visibility: visible
}

.chart-term-table {
    border-left: 0;
    border-right: 0;
    border-spacing: 7px;
    margin-left: -7px;
    margin-right: -7px
}

@media screen and (min-width:400px) {
    .chart-term-table {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px
    }
}

@media screen and (min-width:768px) {
    .chart-term-table {
        margin-left: auto;
        margin-right: auto;
        max-width: none
    }
}

@media screen and (min-width:1024px) {
    .chart-term-table {
        margin: auto;
        margin-left: auto
    }
}

@media screen and (min-width:768px) {
    .chart-term-table[data-breakpoint=mobile] {
        display: none
    }
}

.chart-term-table[data-breakpoint=tablet] {
    display: none
}

@media screen and (min-width:768px) {
    .chart-term-table[data-breakpoint=tablet] {
        display: table
    }
}

.chart-term-table td,
.chart-term-table th {
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.chart-term-table th {
    background-color: #169442;
    color: #fff
}

.chart-term-table thead th {
    font: bold 12px/16px Roboto, sans-serif;
    letter-spacing: .3px;
    padding: 14px 9px 0
}

@media screen and (min-width:768px) {
    .chart-term-table thead th {
        background: 0 0;
        border-bottom: 10px solid transparent;
        padding: 11px 17px 14px;
        position: relative;
        z-index: 1
    }
}

.chart-term-table thead th:before {
    background-color: #169442;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media screen and (min-width:768px) {

    .chart-term-table tbody td,
    .chart-term-table tbody th {
        height: 93px
    }
}

.chart-term-table tbody th {
    padding: 15px 4px 18px 15px
}

@media screen and (min-width:768px) {
    .chart-term-table tbody th {
        font-size: 14px;
        line-height: 16px;
        padding: 0 4px 0 25px;
        text-align: left
    }
}

@media screen and (min-width:1024px) {
    .chart-term-table tbody th {
        padding-right: 20px;
        min-width: 211px
    }
}

.chart-term-table tbody td {
    background-color: #fff;
    color: #169442;
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .3px;
    position: relative
}

@media screen and (min-width:1024px) {
    .chart-term-table tbody td {
        min-width: 133px
    }
}

@media screen and (max-width:767px) {
    .chart-term-table tbody tr:first-child td:before {
        background-color: #169442;
        content: "";
        height: 11px;
        left: 0;
        position: absolute;
        right: 0;
        top: -10px
    }
}

.chart-term-table tbody tr th+td {
    position: relative
}

@media screen and (min-width:768px) {
    .chart-term-table tbody tr th+td:before {
        background-color: #fff;
        bottom: 0;
        content: "";
        left: -10px;
        position: absolute;
        top: 0;
        width: 11px
    }
}

.chart-term-table svg {
    fill: #169442;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .chart-term-table svg {
        left: -48px;
        top: 35px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0, 0;
        transform-origin: 0, 0;
        width: 93px
    }
}

.chart-term-table svg * {
    fill: #169442
}

.chart-term-duration-no {
    display: block;
    font: bold 42px/40px Roboto, sans-serif
}

.chart-term-duration-text {
    display: block;
    font: bold 14px/16px Roboto, sans-serif
}

.chart-term-additional-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 13px
}

@media screen and (min-width:768px) {
    .chart-term-additional-text {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    [data-current="1"] .chart-term-additional-text {
        margin-top: 28px
    }
}

.chart-module-disclaimer {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 31px;
    padding-left: 10px;
    position: relative
}

[data-current="1"] .chart-module-disclaimer {
    margin-top: 42px
}

@media screen and (min-width:768px) {
    .chart-module-disclaimer {
        margin-top: 73px
    }
}

@media screen and (min-width:768px) {
    [data-current="1"] .chart-module-disclaimer {
        margin-top: 99px
    }
}

.chart-module-disclaimer:before {
    content: "*";
    left: 0;
    position: absolute;
    top: 2px
}

.coverage-module {
    border-bottom: 4px solid #169442
}

@media screen and (min-width:1024px) {
    .coverage-module {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }
}

.coverage-module-image {
    background-position: center;
    background-size: cover;
    min-height: 219px
}

@media screen and (min-width:768px) {
    .coverage-module-image {
        min-height: 375px
    }
}

@media screen and (min-width:1024px) {
    .coverage-module-image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        min-height: 462px
    }
}

.coverage-module-image picture {
    display: block
}

@media screen and (min-width:768px) {
    .coverage-module-block-image-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .coverage-module-block-image-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 33.88%
    }
}

.coverage-module-block-image {
    background-position: center;
    background-size: cover;
    display: block
}

@media screen and (min-width:768px) {
    .coverage-module-block-image {
        max-width: 50%;
        min-height: 249px;
        min-width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .coverage-module-block-image {
        min-height: 207px;
        max-width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.coverage-module-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 25px 48px
}

@media screen and (min-width:768px) {
    .coverage-module-content {
        max-width: 50%;
        min-width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding: 48px 50px
    }
}

@media screen and (min-width:1024px) {
    .coverage-module-content {
        max-width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 48px 50px 65px;
        width: 100%
    }
}

.coverage-module-content .coverage-module-highlight {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.coverage-module-highlight {
    color: #169442;
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    padding-left: 5px;
    padding-right: 5px
}

.coverage-module-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .53px;
    margin: 0;
    padding: 0 5px;
    text-transform: uppercase
}

*+.coverage-module-title {
    margin-top: 7px
}

.coverage-module-cta {
    margin-top: 45px;
    width: 100%
}

@media screen and (min-width:768px) {
    .coverage-module-cta {
        min-width: 254px;
        width: auto
    }
}

.coverage-drawer {
    visibility: visible
}

@media screen and (min-width:768px) {
    .coverage-drawer .access-heading {
        padding-left: 50px;
        padding-right: 50px
    }
}

.coverage-drawer .access-modal-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.coverage-drawer .access-modal-content:focus {
    outline: 3px solid #df1c21
}

.coverage-drawer-title-description-wrapper {
    background-color: #fff;
    padding: 28px 25px
}

@media screen and (min-width:768px) {
    .coverage-drawer-title-description-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

.coverage-drawer-title {
    font: bold 24px/24px Roboto, sans-serif;
    margin: 0;
    text-transform: uppercase
}

.coverage-drawer-description {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .coverage-drawer-description {
        font-size: 16px
    }
}

*+.coverage-drawer-description {
    margin-top: 14px
}

.coverage-drawer-listing {
    margin: 0;
    padding: 0
}

.coverage-drawer-item {
    margin: 0;
    padding: 25px
}

@media screen and (min-width:768px) {
    .coverage-drawer-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 50px;
        padding-right: 50px
    }
}

.coverage-drawer-item:nth-child(even) {
    background-color: #fff
}

.coverage-drawer-type-title {
    color: #169442;
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .coverage-drawer-type-title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        margin-right: 10px;
        width: 180px
    }
}

.coverage-drawer-types {
    margin: 0;
    padding: 0
}

*+.coverage-drawer-types {
    margin-top: 5px
}

@media screen and (min-width:768px) {
    *+.coverage-drawer-types {
        margin-top: 0
    }
}

.coverage-drawer-type {
    font-size: 14px;
    line-height: 25px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .coverage-drawer-type {
        font-size: 16px
    }
}

.coverage-drawer-content-block {
    background: #fff;
    margin-bottom: 54px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    padding: 30px
}

@media screen and (min-width:768px) {
    .coverage-drawer-content-block {
        margin-left: 50px;
        margin-right: 50px
    }
}

.coverage-drawer-content-block-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .53px;
    margin: 0;
    text-transform: uppercase
}

.coverage-drawer-content-block-description {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .coverage-drawer-content-block-description {
        font-size: 16px
    }
}

*+.coverage-drawer-content-block-description {
    margin-top: 5px
}

.coverage-drawer-content-block-cta {
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .coverage-drawer-content-block-cta {
        margin-bottom: 0
    }
}

*+.coverage-drawer-content-block-cta {
    margin-top: 22px
}

.coverage-drawer-content-block-cta svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
    width: 15px
}

.coverage-drawer-content-block-cta:hover {
    color: #169442
}

.coverage-drawer-footer-text {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 40px;
    padding: 25px
}

@media screen and (min-width:768px) {
    .coverage-drawer-footer-text {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.cta-module {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 55px 25px 90px
}

@media screen and (min-width:768px) {
    .cta-module {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 90px
    }
}

h2.cta-module-title {
    font: bold 32px/36px Roboto, sans-serif;
    letter-spacing: .51px;
    margin: 0
}

.cta-module-list {
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .cta-module-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

*+.cta-module-list {
    margin-top: 28px
}

.cta-module-item {
    background: #fff;
    list-style: none;
    margin: 0 0 18px;
    padding: 0
}

@media screen and (min-width:768px) {
    .cta-module-item {
        width: calc(50% - 6px)
    }
}

@media screen and (min-width:1024px) {
    .cta-module-item {
        width: calc(50% - 12px)
    }
}

@media screen and (min-width:768px) {
    .cta-module-item:nth-child(odd) {
        margin-right: 12px
    }
}

@media screen and (min-width:1024px) {
    .cta-module-item:nth-child(odd) {
        margin-right: 18px
    }
}

.cta-module-image {
    background-position: center;
    background-size: cover;
    display: block;
    padding-top: 71%;
    width: 100%
}

.cta-module-content {
    padding: 25px 25px 50px
}

h3.cta-module-title {
    font: bold 24px/36px Roboto, sans-serif;
    letter-spacing: .42px;
    margin-bottom: 0;
    margin-top: 10px
}

.cta-module-cta {
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s
}

*+.cta-module-cta {
    margin-top: 4px
}

.cta-module-cta:hover {
    color: #169442
}

.cta-module-cta svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: 5px;
    margin-top: -1px;
    vertical-align: middle;
    width: 14px
}

.custom-scrollbar__vertical__track {
    top: 2px;
    right: 2px;
    bottom: 2px;
    background: #ececec;
    border-radius: 83px
}

.custom-scrollbar__vertical__thumb {
    border-radius: 83px;
    background: #169442
}

.disclaimer-module {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-bottom: 91px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .disclaimer-module {
        padding-bottom: 169px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.disclaimer-module-content-container {
    background-color: #fff;
    padding: 56px 25px 58px
}

@media screen and (min-width:768px) {
    .disclaimer-module-content-container {
        padding-bottom: 56px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 48px;
        border-bottom: 4px solid #169442
    }
}

.disclaimer-module-content {
    margin: 0;
    height: 72px;
    overflow: hidden;
    padding: 0
}

@media screen and (min-width:768px) {
    .disclaimer-module-content {
        height: auto
    }
}

.disclaimer-module-content.expanded {
    height: auto
}

.disclaimer-module-content * {
    margin: 0
}

.disclaimer-module-content.expanded * {
    display: inline
}

.disclaimer-module-expand-trigger {
    background: 0 0;
    border: 0;
    color: #169442;
    display: inline;
    outline: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .disclaimer-module-expand-trigger {
        display: none
    }
}

.disabled .disclaimer-module-expand-trigger {
    display: none
}

.disclaimer-module-expand-trigger:before {
    content: '[...'attr(data-more-text) ']'
}

.expanded .disclaimer-module-expand-trigger:before {
    content: '[...'attr(data-less-text) ']'
}

.featured-models {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 21px;
    padding-top: 90px
}

@media screen and (min-width:768px) {
    .featured-models {
        border-bottom: 4px solid #169442;
        padding-bottom: 86px;
        padding-top: 101px
    }
}

@media screen and (min-width:1024px) {
    .featured-models {
        height: 900px;
        padding-bottom: 102px;
        padding-top: 80px
    }
}

.featured-models-title {
    border-bottom: 4px solid #ececec;
    font: bold 28px/36px Roboto, sans-serif;
    letter-spacing: .48px;
    margin: 0;
    padding-bottom: 44px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .featured-models-title {
        border-bottom: 0;
        font-size: 42px;
        letter-spacing: .71px;
        line-height: 42px;
        padding-bottom: 0;
        padding-left: 50px;
        padding-right: 50px
    }
}

.featured-models-triggers-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:767px) {
    .featured-models-triggers-wrapper {
        display: none
    }
}

@media screen and (min-width:768px) {
    .featured-models-triggers-wrapper {
        margin-bottom: 90px
    }
}

.featured-models-triggers {
    background-color: #ececec;
    /* border-radius: 100px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 40px;
    position: relative;
    width: 40%;
}

.featured-models-trigger {
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: 0;
    cursor: pointer;
    font: 500 14px/45px Roboto, sans-serif;
    height: 55px;
    line-height: 45px;
    position: relative;
    text-transform: uppercase;
    width: 33%;
}

.featured-models-trigger-current-indicator {
    background-color: #169442;
    border-radius: 100px;
    color: rgba(255, 255, 255, .95);
    font: 500 14px/45px Roboto, sans-serif;
    height: 100%;
    left: 0;
    line-height: 55px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: left .25s cubic-bezier(.19, 1, .22, 1);
    transition: left .25s cubic-bezier(.19, 1, .22, 1);
    width: 167px;
    z-index: 1
}

@media screen and (min-width:768px) {
    .featured-models-sliders {
        margin-top: 36px;
        position: relative;
        -webkit-transition: height .3s;
        transition: height .3s
    }
}

@media screen and (min-width:1200px) {
    .featured-models-sliders {
        margin-top: 20px
    }
}

.featured-models-sliders .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.featured-models-sliders .slick-slide {
    height: auto
}

.featured-models-sliders .slick-slide>div {
    height: 100%
}

.featured-models-slider-wrapper {
    padding-bottom: 30px
}

@media screen and (min-width:768px) {
    .featured-models-slider-wrapper {
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        width: 100%
    }
}

*+.featured-models-slider-wrapper {
    border-top: 4px solid #ececec
}

@media screen and (min-width:768px) {
    *+.featured-models-slider-wrapper {
        border-top: 0
    }
}

@media screen and (min-width:768px) {
    .featured-models-slider-wrapper.current {
        pointer-events: auto;
        opacity: 1
    }
}

.featured-models-slider {
    padding-left: 60px;
    padding-right: 60px
}

.featured-models-slider .slick-next,
.featured-models-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    top: 81px;
    -webkit-transform: none;
    transform: none;
    width: 30px
}

@media screen and (min-width:768px) {

    .featured-models-slider .slick-next,
    .featured-models-slider .slick-prev {
        height: 113px;
        top: calc(50% - 40px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.featured-models-slider .slick-next:focus,
.featured-models-slider .slick-prev:focus {
    background-color: #169442
}

.featured-models-slider .slick-next:before,
.featured-models-slider .slick-prev:before {
    content: none
}

.featured-models-slider .slick-next svg,
.featured-models-slider .slick-prev svg {
    fill: #fff;
    height: 15px;
    width: 15px
}

.featured-models-slider .slick-next.slick-disabled,
.featured-models-slider .slick-prev.slick-disabled {
    display: none
}

.featured-models-slider .slick-prev {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 0
}

.featured-models-slider .slick-next {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    right: 0
}

.featured-models-slider .slick-dots {
    margin-top: 35px;
    position: static
}

@media screen and (min-width:768px) {
    .featured-models-slider .slick-dots {
        margin-top: 53px
    }
}

.featured-models-slider .slick-dots li {
    width: auto
}

.featured-models-slider-title {
    font: 500 24px/24px Roboto, sans-serif;
    margin: 40px 0 25px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .featured-models-slider-title {
        display: none
    }
}

.featured-models-slide {
    height: 100%
}

.featured-models-slide .model {
    height: 100%;
    padding: 0;
    width: auto
}

.featured-models-slide .model-inner {
    border: 0;
    height: 100%;
    min-height: auto;
    padding-bottom: 0;
    padding-top: 0
}

.featured-models-slide .model-flag {
    bottom: -5px;
    margin-bottom: 4px;
    padding: 1px 24px;
    position: relative
}

.featured-models-slide .model-select {
    display: inline-block;
    position: static;
    width: calc(50% - 3.8px)
}

.featured-models-slide .model-select+.model-select {
    margin-left: 3px
}

.featured-models-slide .model-select {
    display: none
}

.featured-models-slide.slick-active .model-select {
    display: inline-block
}

.featured-models-slide .model-footer {
    bottom: 20px;
    margin-top: auto;
    position: static
}

.featured-models-slide .model-image-wrap {
    margin-bottom: 10px
}

@media screen and (min-width:767px) and (max-width:1023px) {
    .featured-models-slide .model-image-wrap img {
        height: 174px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
}

.find-my-bike {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 4px solid #169442
}

@media screen and (min-width:768px) {
    .find-my-bike {
        padding-bottom: 144px
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike {
        padding-bottom: 174px
    }
}

.find-my-bike-image {
    display: block;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .find-my-bike-content {
        margin: -60px 50px 0;
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike-content {
        margin-left: auto;
        margin-right: auto;
        margin-top: -148px;
        max-width: 925px;
        max-width: calc(100% - 100px)
    }
}

.find-my-bike-title-wrapper {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 42px 25px 111px
}

@media screen and (min-width:768px) {
    .find-my-bike-title-wrapper {
        padding: 62px 370px 65px 40px
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike-title-wrapper {
        padding: 67px 450px 80px 50px
    }
}

.find-my-bike-title {
    color: #fff;
    font: bold 24px/30px Roboto, sans-serif;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .find-my-bike-title {
        font-size: 28px;
        line-height: 38px
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike-title {
        font-size: 36px;
        line-height: 48px
    }
}

.find-my-bike-cta {
    background-color: #fff;
    border-bottom: 4px solid #169442;
    display: block;
    margin: -80px 25px 86px;
    min-height: 300px;
    padding: 20px 20px 10px;
    text-align: center;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .find-my-bike-cta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 360px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        right: 35px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 280px
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike-cta {
        height: 400px;
        width: 332px
    }
}

.find-my-bike-cta-image {
    max-height: 150px;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .find-my-bike-cta-image {
        max-height: 160px
    }
}

@media screen and (min-width:1024px) {
    .find-my-bike-cta-image {
        max-height: 172px
    }
}

.find-my-bike-cta-text {
    display: block;
    margin-top: 15px;
    width: 100%
}

.footer-signup {
    padding: 0
}

.footer-signup__header {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    position: relative
}

.footer-signup__header button {
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    padding: 45px 25px 45px 60px;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .footer-signup__header button {
        padding: 38px 25px 38px 85px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__header button {
        padding: 38px 50px 38px 85px
    }
}

.footer-signup__header-icon {
    background-color: #169442;
    border-radius: 4px;
    height: 25px;
    left: 25px;
    line-height: 25px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 44px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 25px
}

@media screen and (min-width:768px) {
    .footer-signup__header-icon {
        left: 50px;
        top: 37px
    }
}

.expanded .footer-signup__header-icon .footer-signup__header-icon-down {
    opacity: 0
}

.expanded .footer-signup__header-icon .footer-signup__header-icon-up {
    opacity: 1
}

.footer-signup__header-icon img,
.footer-signup__header-icon svg {
    display: inline-block;
    fill: #fff;
    left: 6px;
    position: absolute;
    top: 6px;
    vertical-align: middle
}

.footer-signup__header-icon svg {
    height: 14px;
    margin-top: -1px;
    width: 14px
}

.footer-signup__header-icon img {
    max-height: 100%;
    max-width: 100%
}

.footer-signup__header-icon-down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.footer-signup__header-icon-up {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.footer-signup__content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    height: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden
}

@media screen and (min-width:768px) {
    .footer-signup__content {
        padding-left: 50px;
        padding-right: 50px
    }
}

.footer-signup__content-wrapper {
    background: #fff;
    margin-bottom: 36px;
    padding: 34px 25px 46px
}

@media screen and (min-width:768px) {
    .footer-signup__content-wrapper {
        margin-bottom: 48px;
        padding: 44px 35px 46px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__content-wrapper {
        margin-bottom: 40px;
        padding: 48px 50px 46px
    }
}

.footer-signup--model .footer-signup__content-wrapper {
    padding-bottom: 82px
}

@media screen and (min-width:768px) {
    .footer-signup--model .footer-signup__content-wrapper {
        padding-bottom: 66px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup--model .footer-signup__content-wrapper {
        padding-bottom: 92px
    }
}

.footer-signup__description {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    padding: 18px 25px 27px
}

@media screen and (min-width:768px) {
    .footer-signup__description {
        padding: 48px 0 21px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__description {
        padding: 36px 0 24px
    }
}

.footer-signup__form {
    height: auto;
    margin-bottom: 48px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media screen and (min-width:768px) {
    .footer-signup__form {
        margin-bottom: 110px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__form {
        margin-bottom: 124px
    }
}

.footer-signup__form.hide {
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.footer-signup__form input[type=number],
.footer-signup__form input[type=text] {
    background: #f3f3f3;
    border: 1px solid transparent;
    color: #090101;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 22px 23px;
    width: 100%
}

.footer-signup__form input[type=number].not-empty+label .placeholder,
.footer-signup__form input[type=text].not-empty+label .placeholder {
    opacity: 0
}

.footer-signup__form input[type=number]:focus+label .errors,
.footer-signup__form input[type=text]:focus+label .errors {
    opacity: 0
}

.footer-signup__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .footer-signup__form-row {
        margin-bottom: 24px
    }
}

.footer-signup__form-row .footer-signup__field {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .footer-signup__form-row .footer-signup__field {
        margin-bottom: 0
    }
}

.footer-signup__section-description {
    margin-bottom: 23px;
    margin-top: 6px
}

@media screen and (min-width:768px) {
    .footer-signup__section-description {
        margin-bottom: 39px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__section-description {
        margin-bottom: 29px
    }
}

.footer-signup__form-row__col-2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-signup__field {
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-signup__field {
        width: calc(50% - 10px)
    }
}

.footer-signup__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .footer-signup__form-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0
    }
}

.footer-signup__form-bottom .raq-footer-legal {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .footer-signup__form-bottom .raq-footer-legal {
        margin-bottom: 0
    }
}

.footer-signup__form-privacy {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 38px
}

@media screen and (min-width:768px) {
    .footer-signup__form-privacy {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .footer-signup__form-privacy {
        font-style: italic
    }
}

.footer-signup__form-privacy a {
    color: #169442;
    text-decoration: none
}

.footer-signup__form-privacy a:hover {
    text-decoration: underline
}

.footer-signup--model .footer-signup__form-privacy {
    margin-top: 43px
}

@media screen and (min-width:768px) {
    .footer-signup--model .footer-signup__form-privacy {
        margin-top: 32px
    }
}

@media screen and (min-width:1024px) {
    .footer-signup--model .footer-signup__form-privacy {
        margin-top: 41px
    }
}

.footer-signup__form-submit {
    text-align: right;
    width: 100%
}

.footer-signup__form-submit button {
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-signup__form-submit button {
        min-width: 218px;
        width: auto
    }
}

.footer-signup__error {
    background: #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: .37px;
    line-height: 24px;
    opacity: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible
}

.footer-signup__error.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.footer-signup__error-wrapper {
    padding: 8px 25px
}

.footer-signup-success {
    height: auto;
    overflow: hidden;
    text-align: center;
    -webkit-transition: visibility 0s, opacity .3s ease-in;
    transition: visibility 0s, opacity .3s ease-in;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.footer-signup-success.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.footer-signup-success .footer-signup__content-wrapper {
    padding-bottom: 125px
}

.footer-signup-success__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 18px;
    margin-top: 17px;
    text-transform: uppercase
}

.footer-signup-success__description {
    margin-bottom: 38px
}

@media screen and (min-width:768px) {
    .footer-signup-success__description {
        margin-bottom: 46px
    }
}

.footer-signup__opt-in {
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .footer-signup__opt-in {
        margin-bottom: 0
    }
}

.footer-signup__opt-in .checkbox {
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-transform: none
}

.footer-signup__opt-in .checkmark {
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 22px;
    z-index: 3
}

.footer-signup__opt-in .checkmark:after {
    background: #169442;
    border-radius: 2px;
    content: '';
    display: none;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 16px
}

.footer-wrap {
    position: relative
}

.footer-wrap a:focus,
.footer-wrap button:focus,
.footer-wrap input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.footer-wrap a:focus-visible,
.footer-wrap button:focus-visible,
.footer-wrap input:focus-visible {
    -webkit-box-shadow: 0 0 4px 1px #169442;
    box-shadow: 0 0 4px 1px #169442
}

.footer-wrap--mb {
    margin-bottom: 106px
}

.footer-wrap-inner {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    background-size: 2px 2px;
    padding: 47px 15px 40px 30px;
    font-family: Roboto, sans-serif
}

.footer-wrap-inner ul {
    list-style-type: none;
    padding: 0
}

.footer-wrap-inner p {
    margin-top: 0
}

.footer-wrap-inner h6 {
    font-size: 14px;
    font-weight: 700;
    color: #090101;
    text-transform: uppercase;
    margin: 0 0 22px
}

.footer-wrap-inner .footer-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 19px
}

.footer-wrap-inner a:hover {
    color: #169442;
    text-decoration: none
}

.footer-col {
    margin-bottom: 36px
}

.footer-col ul {
    font-size: 14px;
    font-weight: 700
}

.footer-col li {
    margin-bottom: 15px
}

.footer-col li a {
    text-decoration: none;
    color: #000
}

.footer-social-col {
    margin-bottom: 30px
}

.footer-desc {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: -.12px;
    color: #707070;
    margin-top: -3px
}

.footer-desc li {
    margin: 0 20px 5px 0
}

.footer-desc a {
    color: #707070
}

.footer-desc p {
    margin-bottom: 3px
}

.footer-social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 22px
}

.footer-social li {
    margin-right: 39px;
    margin-bottom: 0
}

.footer-social-link {
    display: block
}

.footer-social-icon {
    fill: #169442;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 33px
}

.footer-social-icon path {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.footer-connect-us {
    font-size: 20px;
    font-weight: 700;
    color: #090101;
    text-transform: uppercase;
    margin-bottom: 14px
}

.last-mb-none ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.last-mb-none ul li a img {
    width: 26px;
    margin-left: 4px
}

.footer-desc-col ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8px;
    letter-spacing: .1px
}

.footer-desc-col ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-desc-col ul li a img {
    width: 26px;
    margin-left: 4px
}

.footer-img {
    max-width: 330px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px auto 42px auto;
    padding-right: 14px;
    padding-left: 2px
}

.footer-img-item {
    text-align: center;
    margin-bottom: 22px
}

.footer-img-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
    max-width: 120px
}

.footer-img-item:first-child a {
    padding: 12px 0 18px
}

.footer-img-item img {
    max-width: 100%
}

@media screen and (min-width:320px) {
    .footer-privacy-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:768px) {
    .footer-wrap-inner {
        padding-left: 50px;
        padding-right: 50px
    }

    .footer-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        justify-content: space-around;
    }

    .footer-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px
    }

    .footer-img {
        max-width: none;
        padding-right: 0
    }

    .footer-img-item {
        margin: 0 26px;
        padding-left: 0;
        padding-right: 0
    }

    .footer-desc {
        margin-top: 17px
    }
}

@media screen and (min-width:1024px) {
    .footer-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .footer-desc {
        text-align: center
    }

    .footer-privacy-links {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0
    }

    .footer-social li {
        margin-right: 25px
    }
}

@media screen and (min-width:1200px) {
    .footer-desc-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .footer-desc-col {
        padding-left: 15px;
        padding-right: 15px
    }

    .footer-desc-col:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .footer-desc-col:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }

    .footer-desc {
        margin-top: 20px
    }

    .col-xl-24p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%
    }

    .col-xl-19p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%
    }

    .footer-wrap-inner {
        padding-top: 70px
    }
}

@media screen and (min-width:1440px) {
    .footer-wrap-inner .footer-title {
        margin-bottom: 31px
    }

    .footer-connect-us {
        line-height: 1.1;
        margin-bottom: 32px
    }

    .footer-wrap-inner {
        padding-left: 117px;
        padding-right: 137px
    }

    .footer-desc {
        margin-top: 27px;
        letter-spacing: normal;
        line-height: 1.3
    }

    .footer-desc-col ul {
        margin-bottom: 0
    }

    .footer-social {
        margin-bottom: 38px
    }
}

@media screen and (min-width:768px) {
    .gear-module {
        margin-left: 50px;
        margin-right: 50px
    }
}

*+.gear-module {
    margin-top: 43px
}

@media screen and (min-width:768px) {
    *+.gear-module {
        margin-top: 25px
    }
}

@media screen and (min-width:1024px) {
    *+.gear-module {
        margin-top: 41px
    }
}

.gear-module__list {
    margin: 0;
    padding: 0
}

.gear-module-item {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 6px solid #fff;
    list-style: none;
    margin: 0;
    padding: 0
}

.gear-module-item__display-trigger {
    background: 0 0;
    border: 0;
    cursor: pointer;
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    padding: 40px 60px 40px 25px;
    position: relative;
    text-align: left;
    width: 100%
}

@media screen and (min-width:1024px) {
    .gear-module-item__display-trigger {
        padding-left: 48px;
        padding-right: 80px
    }
}

.gear-module__display-icon {
    background-color: #169442;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    pointer-events: none;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 38px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 25px
}

@media screen and (min-width:768px) {
    .gear-module__display-icon {
        top: 38px;
        right: 36px
    }
}

.gear-module__display-icon img,
.gear-module__display-icon svg {
    fill: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.gear-module__display-icon svg {
    height: 14px;
    width: 14px
}

.gear-module__display-icon img {
    max-height: 100%;
    max-width: 100%
}

.gear-module__display-icon--down,
.gear-module__display-icon--up {
    fill: #fff;
    position: absolute
}

.gear-module__display-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.gear-module__display-icon--up {
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.expanded .gear-module__display-icon {
    background: #169442
}

.expanded .gear-module__display-icon--down {
    opacity: 0
}

.expanded .gear-module__display-icon--up {
    opacity: 1
}

.gear-module-item__content-wrapper {
    height: 0;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .gear-module-item__content-wrapper {
        margin-top: 0
    }
}

.gear-blocks {
    list-style: none;
    margin: 0;
    padding: 0 25px 101px
}

@media screen and (min-width:768px) {
    .gear-blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 78px;
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .gear-blocks {
        padding: 20px 32px 53px
    }
}

.gear-block {
    background-color: #fff;
    border-bottom: 4px solid #169442;
    list-style: none;
    margin: 0 0 18px;
    padding: 0
}

@media screen and (min-width:768px) {
    .gear-block {
        margin-right: 18px;
        max-width: calc(50% - 9px);
        min-width: calc(50% - 9px)
    }
}

@media screen and (min-width:1024px) {
    .gear-block {
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) {
    .gear-block:nth-child(even) {
        margin-right: 0
    }
}

.gear-block__image-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: inset 0 -4px 0 0 #ececec;
    box-shadow: inset 0 -4px 0 0 #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 108px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px
}

@media screen and (min-width:768px) {
    .gear-block__image-wrapper {
        height: 143px
    }
}

.gear-block__image {
    max-height: 100%;
    max-width: 100%
}

.gear-block__content {
    padding: 35px 30px 46px
}

@media screen and (min-width:768px) {
    .gear-block__content {
        padding: 35px 21px 40px
    }
}

@media screen and (min-width:1024px) {
    .gear-block__content {
        padding: 36px 30px 47px
    }
}

.gear-block__title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .53px;
    margin: 0;
    text-transform: uppercase
}

.gear-block__teaser {
    margin: 0;
    max-height: 48px;
    overflow: hidden
}

.gear-block__teaser.expanded {
    max-height: none
}

*+.gear-block__teaser {
    margin-top: 12px
}

.gear-block__toggle {
    background: 0 0;
    border: 0;
    color: #169442;
    cursor: pointer
}

.no-truncate .gear-block__toggle {
    display: none
}

.gear-block__teaser.expanded .gear-block__toggle--more {
    display: none
}

.gear-block__toggle--less {
    display: none
}

.gear-block__teaser.expanded .gear-block__toggle--less {
    display: inline-block
}

.gear-block__cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.gear-block__cta svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.gear-block__cta:hover {
    color: #169442
}

*+.gear-block__cta {
    margin-top: 35px
}

@media screen and (min-width:1024px) {
    *+.gear-block__cta {
        margin-top: 37px
    }
}

.gear-block__cta svg {
    display: inline-block;
    margin-top: -1px
}

html {
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

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

:focus {
    outline: 0
}

body {
    background: #ececec;
    line-height: 1.5;
    width: 100%
}

body>img {
    position: absolute;
    top: -9999px
}

body.lock-scroll,
body.menu-open {
    overflow: hidden;
    position: fixed
}

body.fixed {
    position: fixed
}

body.leaving-popup-active .header-wrap {
    pointer-events: none
}

@media print {
    body {
        -webkit-print-color-adjust: exact !important
    }
}

body.sticky-footer {
    padding-bottom: 60px
}

@media screen and (min-width:768px) {
    body.sticky-footer {
        padding-bottom: 80px
    }
}

main {
    outline-width: 0
}

.sr-only {
    left: -999em;
    position: absolute;
    color: #4a4a4a;
    font-size: 20px
}

input[type=text]::-ms-clear {
    display: none;
    height: 0;
    width: 0
}

input[type=text]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

a,
button,
input {
    -webkit-transition: color .25s;
    transition: color .25s
}

a:focus,
button:focus,
input:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 4px 1px #df1c21;
    box-shadow: 0 0 4px 1px #df1c21
}

.slick-dots {
    left: 0
}

.slick-dots li {
    height: 15px;
    width: 15px
}

.slick-dots li .slick-dot {
    height: 12px;
    width: 12px
}

@-webkit-keyframes scale-display {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-display {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale-display--reversed {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        display: none;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scale-display--reversed {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        display: none;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.header {
    background: #fff;
    margin: 0;
    padding: 48px 25px 32px
}

@media screen and (min-width:768px) {
    .header {
        padding: 48px 50px
    }
}

.header--back-button {
    padding-bottom: 24px
}

.header--full-width {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.header--full-width .header-title,
.header--full-width .header__back {
    padding: 0 25px
}

@media screen and (min-width:768px) {

    .header--full-width .header-title,
    .header--full-width .header__back {
        padding: 0 50px
    }
}

.header-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin: 0
}

@media screen and (min-width:768px) {
    .header-title {
        font-size: 36px;
        letter-spacing: .61px
    }
}

.header-wrap {
    font-family: Roboto, sans-serif;
    background-color: #fff
}

.header-wrap::before {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #169442
}

@media screen and (min-width:1200px) {
    .header-wrap {
        margin: 0 0 15px
    }
}

.header-wrap.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.header-wrap.sticky-up .main-nav-link::after {
    bottom: 0
}

.header-wrap__banner.simple {
    z-index: 1;
    display: none;
    position: relative;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 4px solid #169442;
    padding: 17px 33px 16px 25px
}

@media screen and (min-width:768px) {
    .header-wrap__banner.simple {
        padding: 10px 50px 10px
    }
}

.header-wrap__banner.simple>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap__banner.simple h2 {
    margin: 0 0 2px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .31px;
    line-height: 22px;
    max-width: 283px
}

@media screen and (min-width:768px) {
    .header-wrap__banner.simple h2 {
        max-width: 100%
    }
}

@media screen and (min-width:1200px) {
    .header-wrap__banner.simple h2 {
        line-height: 36px
    }
}

.header-wrap__banner.simple h2 a {
    font-weight: 400;
    color: #169442;
    font-size: 16px
}

.header-wrap__banner.simple p {
    margin: 0;
    margin-left: 10px;
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 18px
}

.header-wrap__banner.simple p a {
    color: #169442
}

.header-wrap__banner.simple .close {
    cursor: pointer;
    position: absolute;
    background: 0 0;
    border: none;
    top: 16px;
    right: 16px
}

.header-wrap__banner.simple .close svg {
    height: 16px;
    width: 16px;
    fill: #df1c21
}

.header-wrap__banner.multiple {
    z-index: 1;
    display: none;
    position: relative;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 4px solid #169442;
    padding: 17px 33px 16px 25px
}

@media screen and (min-width:768px) {
    .header-wrap__banner.multiple {
        padding: 12.5px 50px 12.5px
    }
}

.header-wrap__banner.multiple .header-wrap__banner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:1200px) {
    .header-wrap__banner.multiple .header-wrap__banner__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.header-wrap__banner.multiple .header-wrap__banner__label {
    background-color: #169442;
    border-radius: 16.5px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .27px;
    padding: 4.5px 26px;
    margin: 0
}

.header-wrap__banner.multiple .header-wrap__banner__info {
    margin-top: 16px;
    margin-bottom: 7.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .header-wrap__banner.multiple .header-wrap__banner__info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:1200px) {
    .header-wrap__banner.multiple .header-wrap__banner__info {
        margin: 0 0 0 24px
    }
}

.header-wrap__banner.multiple .header-wrap__banner__info h2 {
    margin: 0 24px 0 0;
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .27px;
    max-width: 283px
}

.header-wrap__banner.multiple .header-wrap__banner__info h2:first-of-type {
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .header-wrap__banner.multiple .header-wrap__banner__info h2 {
        margin: 0 24px
    }

    .header-wrap__banner.multiple .header-wrap__banner__info h2:first-of-type {
        margin-left: 0;
        margin-bottom: 0
    }
}

.header-wrap__banner.multiple .header-wrap__banner__info h2 a {
    font-weight: 400;
    color: #169442;
    font-size: 16px
}

.header-wrap__banner.multiple .header-wrap__banner__info__spacer {
    background: #090101;
    height: 27px;
    width: 1px;
    display: none;
    visibility: hidden
}

@media screen and (min-width:768px) {
    .header-wrap__banner.multiple .header-wrap__banner__info__spacer {
        display: inherit;
        visibility: visible
    }
}

.header-wrap__banner.multiple .close {
    cursor: pointer;
    position: absolute;
    background: 0 0;
    border: none;
    top: 21px;
    right: 16px
}

.header-wrap__banner.multiple .close svg {
    height: 16px;
    width: 16px;
    fill: #df1c21
}

.header-wrap .simplebar-track.simplebar-horizontal {
    height: 5px;
    bottom: 2px;
    left: 3px;
    display: none !important
}

.header-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 1px;
    height: 3px
}

.header-wrap a.mouse:focus,
.header-wrap button.mouse:focus,
.header-wrap input.ada.mouse:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-wrap-inner {
    padding: 0;
    position: relative;
    z-index: 9999
}

.header-main {
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    z-index: 9999;
    display: block;
    height: auto;
    overflow: visible;
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: 0;
    transition: 0
}

.header-main-logo-wrap {
    bottom: 0;
    display: block;
    height: 58px;
    left: 30px;
    position: absolute;
    top: 0;
    z-index: 9999
}

@media screen and (min-width:768px) {
    .header-main-logo-wrap {
        height: 90px;
        left: 54px
    }
}

@media screen and (min-width:1200px) {
    .header-main-logo-wrap {
        height: calc(100% - 17px)
    }
}

.header-main-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 6px 9px 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 62px;
    margin-top: -2px
}


@media screen and (min-width:768px) {
    .header-main-link {
        width: 100px;
        padding: 0 16px;
        padding-top: 8px
    }
}

@media screen and (min-width:1200px) {
    .header-main-link {
        padding: 0 16px;
        padding-top: 11px
    }
}

.header-main-logo {
    display: block;
    width: 100%
}

.header__back {
    margin-top: 32px
}

@media screen and (min-width:768px) {
    .header__back {
        margin-top: 48px
    }
}

.header__back:hover {
    text-decoration: underline
}

.header-dealer--mobile {
    position: absolute;
    left: calc(50% - 8px);
    -webkit-transform: translateX(-22%);
    transform: translateX(-22%);
    top: 29px;
    z-index: 9998;
    text-align: center
}

@media screen and (min-width:768px) {
    .header-dealer--mobile {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 50px
    }
}

@media screen and (min-width:1200px) {
    .header-dealer--mobile {
        display: none
    }
}

.header-dealer--mobile a {
    text-transform: uppercase;
    color: #090101;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-dealer--mobile svg {
    margin-left: 4px
}

.nav__title--mobile {
    text-align: center;
    position: relative
}

@media screen and (min-width:1200px) {
    .nav__title--mobile {
        display: none
    }
}

.nav__title--mobile svg {
    position: absolute;
    left: 27px;
    top: 5px
}

@media screen and (min-width:768px) {
    .nav__title--mobile svg {
        left: 77px
    }
}

@media screen and (min-width:1024px) {
    .nav__title--mobile svg {
        left: 115px
    }
}

.nav__back,
.nav__back--products {
    background-color: transparent;
    background-image: none;
    border: none;
    outline: 0;
    padding: 0;
    font-weight: 700;
    color: #169442;
    line-height: 1.5;
    text-transform: uppercase
}

.nav__back svg,
.nav__back--products svg {
    fill: #169442;
    height: 14px;
    width: 14px
}

.main-nav--no-link {
    padding: 12px 30px;
    color: #090101
}

@media screen and (min-width:768px) {
    .main-nav--no-link {
        padding: 12px 118px
    }
}

@media screen and (min-width:1200px) {
    .main-nav--no-link {
        padding-left: 45px;
        padding-top: 4px;
        padding-right: 30px
    }
}

.header-sub-logo-wrap {
    position: relative;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 3px
}

.header-sub-logo-wrap::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #169442
}

@media screen and (min-width:320px) {
    .header-sub-logo-wrap {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:768px) {
    .header-sub-logo-wrap {
        padding-left: 54px
    }
}

.header-sub-logo {
    padding: 8px
}

@media screen and (max-width:320px) {
    .header-sub-logo {
        padding: 8px 4px
    }
}

@media screen and (min-width:375px) {
    .header-sub-logo {
        padding: 8px 12px
    }
}

.header-sub-logo.active a {
    color: #169442;
    text-decoration: underline
}

.header-sub-logo:first-child {
    padding-left: 0
}

.header-sub-logo a {
    display: inline-block;
    text-decoration: none;
    color: #707070;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.21
}

.header-sub-logo a:hover {
    color: #169442;
    text-decoration: underline
}

.header-sub-logo img {
    max-width: 100%
}

@media screen and (max-width:1023px) {
    .homepage section.hero.container {
        top: 139px
    }
}

@media screen and (max-width:767px) {
    .homepage section.hero.container {
        top: 103px
    }
}

.nav-accessories {
    height: 100%
}

@media screen and (max-width:1199px) {
    .nav-accessories {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.nav-accessories-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:1200px) {
    .nav-accessories-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.nav-accessories-ad {
    background: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 56px 30px
}

@media screen and (min-width:768px) {
    .nav-accessories-ad {
        padding-left: 118px;
        padding-right: 118px
    }
}

@media screen and (min-width:1200px) {
    .nav-accessories-ad {
        padding: 120px 95px 70px 95px;
        width: 35.34%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:1280px) {
    .nav-accessories-ad {
        padding: 90px 95px 70px 83px
    }
}

@media screen and (min-width:1440px) {
    .nav-accessories-ad {
        padding-left: 99px;
        padding-right: 130px;
        padding-top: 88px
    }
}

.nav-accessories-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 58px
}

@media screen and (min-width:768px) {
    .nav-accessories-title {
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .nav-accessories-title {
        font-size: 30px;
        margin-bottom: 35px
    }
}

.nav-accessories-icon {
    fill: #fff;
    height: 14px;
    margin: -7px 12px 0 -2px;
    width: 14px;
    position: relative;
    top: 2px
}

@media screen and (max-width:575px) {
    .nav-accessories-icon {
        left: auto;
        margin-right: 10px
    }
}

.nav-accessories-main-link {
    border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1;
    padding: 15px 35px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    text-align: center;
    min-width: 215px;
    font-weight: 700
}

.nav-accessories-main-link .nav-accessories-icon {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.nav-accessories-main-link:hover {
    background: #fff;
    color: #169442
}

.nav-accessories-main-link:hover .nav-accessories-icon {
    fill: #169442
}

.nav-accessories-main-link:focus-visible {
    -webkit-box-shadow: 0 0 4px 1px #fff !important;
    box-shadow: 0 0 4px 1px #fff !important
}

.nav-garage-icon {
    margin-right: 8px;
    height: 24px;
    width: auto;
    bottom: -3px;
    top: unset
}

.nav-accessories-lin-wrap+.nav-accessories-lin-wrap {
    margin-top: 24px
}

.nav-accessories-garage-link {
    min-height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 35px
}

.nav-col-list {
    list-style-type: none;
    margin: 0;
    padding: 15px 2px;
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .nav-col-list {
        padding-top: 18px
    }
}

@media screen and (min-width:1200px) {
    .nav-col-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 70px 40px 50px 116px;
        width: 65.66%;
        margin-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .nav-col-list {
        padding: 45px 40px 50px 83px
    }
}

@media screen and (min-width:1440px) {
    .nav-col-list {
        padding-right: 116px;
        padding-top: 38px
    }
}

.nav-col-list ul {
    list-style-type: none
}

.nav-col-list-item img {
    max-width: 100%
}

@media screen and (max-width:1199px) {
    .nav-col-list-item img {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .nav-col-list-item {
        width: 50%
    }
}

.nav-col-list-item--mt {
    margin-top: 26px
}

@media screen and (min-width:1200px) {
    .nav-col-list-item--mt {
        margin-top: 0
    }
}

.nav-sections-view-all {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: -1px
}

.nav-sections-view-all svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.nav-sections-view-all:hover {
    color: #169442
}

.nav-sections-view-all svg {
    margin-right: 0
}

.nav-slider-wrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 14px;
    padding: 8px 2px 0
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-slider-wrapper {
        overflow: initial
    }
}

.nav-slider-wrapper .nav-sections-view-all-wrapper {
    margin: -30px 0 25px;
    text-align: right
}

@media screen and (min-width:1200px) {
    .nav-slider-wrapper .nav-sections-view-all-wrapper {
        margin-top: 0
    }
}

.nav-slider-wrapper:last-child {
    min-height: calc(100vh - 215px)
}

@media screen and (min-width:768px) {
    .nav-slider-wrapper:last-child {
        min-height: calc(100vh - 288px)
    }
}

@media screen and (min-width:1200px) {
    .nav-slider-wrapper:last-child {
        min-height: 700px
    }
}

@media screen and (min-width:1440px) {
    .nav-slider-wrapper:last-child {
        min-height: 325px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-sections-view-all-wrapper {
        display: block;
        position: absolute;
        top: 8px;
        right: 0
    }

    .header-wrap:not(.header-wrap--tablet) .nav-sections-view-all-wrapper.nav-sections-view-all-wrapper--sub {
        top: 0
    }
}

@media screen and (max-width:1199px) {
    .nav-sections-view-all-wrapper {
        display: none
    }
}

.nav-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden
}

@media screen and (max-width:1199px) {
    .nav-slider {
        height: auto !important
    }
}

@media screen and (min-width:1024px) {
    .nav-slider {
        margin: 0 -20px
    }
}

@media screen and (min-width:1200px) {
    .nav-slider {
        height: auto;
        padding: 3px 2px 23px
    }
}

.nav-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 3px 0 24px 0;
    width: 100%;
    position: relative;
    padding: 0 12px
}

@media screen and (max-width:1199px) {
    .nav-slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .nav-slide {
        width: 50%;
        padding: 0 14px;
        margin-right: 10%;
        max-width: 260px
    }
}

@media screen and (min-width:1200px) {
    .nav-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 8px;
        padding: 12px 20px 20px
    }
}

@media screen and (min-width:1440px) {
    .nav-slide {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 6%;
        width: 33.3333%
    }
}

@media screen and (min-width:1500px) {
    .nav-slide {
        margin-right: 10%;
        padding: 12px 20px 20px
    }
}

@media screen and (min-width:1200px) {
    .nav-slide:hover:not(:focus) .nav-slide-link {
        -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1)
    }

    .nav-slide:focus .nav-slide-price-cta__container .nav-slide-caption .nav-slide-name,
    .nav-slide:hover .nav-slide-price-cta__container .nav-slide-caption .nav-slide-name {
        color: #169442
    }
}

.nav-slide-link {
    position: absolute;
    top: 0;
    left: 2px;
    right: 2px;
    bottom: 0;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .nav-slide-link {
        left: 20px;
        right: 20px
    }
}

@media screen and (min-width:1024px) {
    .nav-slide-link {
        left: 20px;
        right: 20px
    }
}

@media screen and (min-width:1200px) {
    .nav-slide-link {
        max-width: 254px;
        -webkit-transition: all .25s;
        transition: all .25s;
        left: 0;
        right: 0
    }
}

.nav-slide-link.active~.nav-slide-price-cta__container .nav-slide-caption .nav-slide-name {
    color: #169442
}

.nav-slide-img {
    width: 100%;
    height: auto;
    min-height: 1px
}

@media screen and (max-width:1199px) {
    .nav-slide-img {
        width: 50%;
        max-width: 110px;
        max-height: 64px
    }
}

@media screen and (min-width:1200px) {
    .nav-slide-img {
        width: auto;
        max-width: 212px;
        max-height: 160px
    }
}

.nav-products,
.nav-products-inner {
    height: 100%
}

.nav-products-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media screen and (min-width:1200px) {
    .nav-products-inner {
        visibility: hidden
    }
}

.nav-products-header {
    display: none;
    overflow: hidden
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-products-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 38px 0 20px 5px;
        margin-left: 90px;
        margin-right: 30px;
        width: calc(100% - 142px);
        overflow-x: auto
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-products-header {
        margin-left: 48px
    }
}

@media screen and (min-width:1280px) {
    .header-wrap:not(.header-wrap--tablet) .nav-products-header {
        margin-left: 90px
    }
}

@media screen and (min-width:1500px) {
    .header-wrap:not(.header-wrap--tablet) .nav-products-header {
        padding: 64px 0 20px 5px;
        margin-left: 70px
    }
}

@media screen and (max-width:1199px) {
    .nav-products-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        position: fixed;
        left: 100vw;
        top: 112px;
        width: 100vw;
        z-index: 1;
        background-color: #fff;
        -webkit-transition: all .35s;
        transition: all .35s;
        padding-bottom: 15px
    }

    .nav-products-header .simplebar-track {
        opacity: 0
    }
}

@media screen and (max-width:1023px) {
    .nav-products-header {
        top: 99px
    }
}

@media screen and (max-width:767px) {
    .nav-products-header {
        top: 66px
    }
}

@media screen and (max-width:1199px) {
    .nav__title--products {
        position: fixed;
        left: 100vw;
        top: 70px;
        width: 100vw;
        z-index: 1;
        background-color: #fff;
        -webkit-transition: all .35s;
        transition: all .35s;
        text-align: center
    }

    .nav__title--products::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -70px;
        bottom: -18px;
        background-color: #fff;
        z-index: -1
    }
}

@media screen and (max-width:1023px) {
    .nav__title--products {
        top: 57px
    }

    .nav__title--products::after {
        top: -58px;
        bottom: -18px
    }
}

@media screen and (max-width:767px) {
    .nav__title--products {
        top: 25px
    }

    .nav__title--products::after {
        top: -25px;
        bottom: -17px
    }
}

.nav-products-header-top {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    pointer-events: none
}

.nav-products-header-top svg {
    width: 45px;
    height: 45px
}

@media screen and (max-width:1199px) {
    .nav-products-header-top {
        display: none
    }
}

.nav-products-header-top--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    cursor: pointer
}

.nav-sections {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1199px) {
    .nav-sections {
        padding: 0 0 0 118px
    }
}

@media screen and (max-width:1023px) {
    .nav-sections {
        padding: 0 0 0 76px
    }
}

@media screen and (max-width:768px) {
    .nav-sections {
        padding: 0 0 0 80px;
        margin-bottom: 10px
    }
}

@media screen and (max-width:767px) {
    .nav-sections {
        padding-left: 30px
    }
}

.nav-sections-main {
    padding: 111px 10px 20px;
    position: relative
}

@media screen and (min-width:768px) {
    .nav-sections-main {
        padding: 150px 60px 50px
    }
}

@media screen and (min-width:1024px) {
    .nav-sections-main {
        padding: 168px 118px 50px
    }
}

@media screen and (min-width:1200px) {
    .nav-sections-main {
        padding: 15px 118px 0 51px
    }
}

@media screen and (min-width:1280px) {
    .nav-sections-main {
        padding: 15px 118px 0 90px
    }
}

@media screen and (min-width:1440px) {
    .nav-sections-main {
        padding: 26px 118px 50px 92px
    }
}

@media screen and (min-width:1500px) {
    .nav-sections-main {
        padding: 15px 118px 50px 71px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-sections-main {
        max-height: calc(100% - 115px)
    }

    .header-wrap:not(.header-wrap--tablet) .nav-sections-main .simplebar-content-wrapper {
        overflow-y: auto !important
    }

    .header-wrap:not(.header-wrap--tablet) .nav-sections-main .simplebar-track.simplebar-vertical {
        right: 20px
    }

    .header-wrap:not(.header-wrap--tablet) .nav-sections-main .simplebar-track {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1440px) {
    .header-wrap:not(.header-wrap--tablet) .nav-sections-main {
        max-height: calc(100% - 143px)
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-slider-wrapper+.nav-slider-wrapper {
        margin-top: 30px
    }
}

@media screen and (min-width:1200px) {
    .nav-slider-wrapper::-webkit-scrollbar {
        width: 1em;
        display: none
    }

    .nav-slider-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    .nav-slider-wrapper::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
        outline: 1px solid #708090
    }
}

.nav-section-arrows {
    background: #169442;
    border: 0;
    cursor: pointer;
    display: none;
    opacity: 1;
    padding: 30px 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-section-arrows {
        display: block
    }
}

.nav-section-arrows:hover {
    background: #169442
}

.nav-section-arrows:disabled {
    opacity: 0
}

.nav-section-prev {
    border-radius: 0 4px 4px 0;
    left: 0
}

.nav-section-next {
    border-radius: 4px 0 0 4px;
    right: 0
}

.nav-sections-nav-icon {
    fill: #fff;
    height: 14px;
    width: 14px
}

.nav-sections-item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 31px 0 0;
    padding-top: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (min-width:1280px) {
    .nav-sections-item {
        margin-right: 31px
    }
}

@media screen and (min-width:1440px) {
    .nav-sections-item {
        margin: 0 52px 0 0
    }
}

.nav-sections-item--last {
    padding-right: 30px
}

@media screen and (min-width:768px) {
    .nav-sections-item--last {
        padding-right: 118px
    }
}

@media screen and (min-width:1200px) {
    .nav-sections-item--last {
        padding-right: 10px;
        margin-right: 0
    }
}

.nav-sections-link {
    color: #090101;
    display: block;
    font-size: 14px;
    padding: 5px 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.71
}

.nav-sections-link.active-item,
.nav-sections-link:hover {
    color: #169442
}

.nav-section-indicator {
    background: #169442;
    bottom: 3px;
    height: 2px;
    position: absolute;
    width: 0;
    left: 30px
}

@media screen and (max-width:1199px) {
    .nav-section-indicator {
        left: 118px
    }
}

@media screen and (min-width:1440px) {
    .nav-section-indicator {
        bottom: 2px
    }
}

@media screen and (min-width:1500px) {
    .nav-section-indicator {
        bottom: 3px
    }
}

.nav-slide-caption {
    padding-left: 13px;
    position: relative
}

@media screen and (max-width:1199px) {
    .nav-slide-caption {
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .nav-slide-caption {
        display: grid;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 10px;
        max-width: 220px;
        padding-left: 0
    }
}

.nav-slide-new {
    background: #169442;
    border-radius: 4px;
    bottom: calc(100% - 10px);
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 0 16px;
    position: absolute;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .nav-slide-new {
        bottom: 100%
    }
}

@media screen and (min-width:1200px) {
    .nav-slide-new {
        bottom: calc(100% - 16px)
    }
}

.nav-slide-name {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase
}

@media screen and (max-width:576px) {
    .nav-slide-name {
        line-height: 1.125
    }
}

.nav-slide-price-cta__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 220px
}

@media screen and (min-width:1440px) {
    .nav-slide-price-cta__container {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.nav-slide-price-cta__container .nav-slide-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    max-width: 220px
}

@media screen and (max-width:1199px) {
    .nav-slide-price-cta__container .nav-slide-cta {
        padding-left: 13px
    }
}

.nav-slide-price-cta__container .nav-slide-cta .nav-slide-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100px;
    padding: 8px 20px;
    width: 100%;
    z-index: 1
}

.nav-slide-price {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #707070;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 400;
    margin: 0
}

.nav-slide-compare {
    border-top: 1px solid #dfdfdf;
    display: none !important;
    margin: 0 -13px;
    padding: 13px 13px;
    text-align: center;
    width: calc(100% + 26px) !important
}

@media screen and (min-width:768px) {
    .header-wrap:not(.header-wrap--tablet) .nav-slide-compare {
        display: block !important
    }
}

.nav-slider-accordion__wrap--sub {
    width: 100%;
    position: relative;
    padding: 5px 2px 17px
}

.nav-slider-accordion__wrap--sub:not(:first-child) {
    margin-top: 4px
}

@media screen and (min-width:1200px) {
    .nav-slider-accordion__wrap--sub:not(:first-child) {
        margin-top: 40px
    }
}

@media screen and (min-width:1024px) {
    .nav-slider-accordion__wrap--sub {
        padding: 1px 20px !important
    }
}

@media screen and (min-width:1200px) {
    .nav-slider-accordion__wrap--sub {
        margin-right: 20px
    }
}

.nav-slider-accordion--sub {
    padding: 0
}

.nav-slider-accordion,
.nav-slider-accordion--sub {
    color: #090101;
    display: block;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-transform: uppercase;
    padding: 0 15px
}

@media screen and (min-width:1024px) {

    .nav-slider-accordion,
    .nav-slider-accordion--sub {
        padding: 0
    }
}

@media screen and (min-width:1200px) {

    .nav-slider-accordion,
    .nav-slider-accordion--sub {
        margin-bottom: 29px;
        display: inline-block
    }
}

@media screen and (min-width:1200px) {

    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion,
    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion--sub {
        border: 0;
        font-size: 16px;
        margin-bottom: 24px;
        padding: 0;
        line-height: 1.5
    }

    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion--sub:hover,
    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion:hover {
        color: #169442
    }
}

@media screen and (min-width:1440px) {

    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion,
    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion--sub {
        margin-bottom: 15px
    }
}

.nav-slider-accordion--sub.active,
.nav-slider-accordion.active {
    color: #169442
}

.nav-slider-accordion-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #169442;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    fill: #fff;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin-top: -14px;
    padding: 5px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 25px
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .nav-slider-accordion-icon {
        display: none
    }
}

.nav-slider-accordion-icon img,
.nav-slider-accordion-icon svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle
}

.nav-slider-accordion-icon svg {
    height: 15px;
    width: 15px
}

.nav-slider-accordion-icon img {
    max-height: 100%;
    max-width: 100%
}

.nav-slider-accordion-icon--down,
.nav-slider-accordion-icon--up {
    fill: #fff;
    position: absolute
}

.nav-slider-accordion-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.nav-slider-accordion-icon--up {
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.acc-mobile .nav-slider-accordion-icon {
    background: #169442
}

.acc-mobile .nav-slider-accordion-icon--down {
    opacity: 0
}

.acc-mobile .nav-slider-accordion-icon--up {
    opacity: 1
}

.acc-mobile .nav-slider {
    opacity: 1
}

.main-nav-dropdown-sub {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: #fff
}

@media screen and (max-width:1199px) {
    .main-nav-dropdown-sub {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        position: fixed;
        height: calc(100vh - 104px);
        bottom: -5px;
        left: 100vw;
        width: 100vw;
        -webkit-transition: opacity 0s linear .35s, left .35s;
        transition: opacity 0s linear .35s, left .35s;
        top: auto;
        overflow: auto;
        z-index: 1;
        opacity: 0
    }
}

@media screen and (max-width:767px) {
    .main-nav-dropdown-sub {
        height: calc(100vh - 64px)
    }
}

@media screen and (min-width:1200px) {
    .main-nav-dropdown-sub {
        width: 79%;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        height: 100%
    }
}

@media screen and (min-width:1440px) {
    .main-nav-dropdown-sub {
        width: calc(100% - 300px)
    }
}

.main-nav-item-sub {
    width: 35%
}

.main-nav-item-sub .main-nav-link-sub span {
    position: relative;
    padding-bottom: 4px
}

.main-nav-item-sub .main-nav-link-sub span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #169442;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (min-width:1500px) {
    .main-nav-item-sub .main-nav-link-sub span::before {
        bottom: -1px
    }
}

@media screen and (max-width:1199px) {
    .main-nav-item-sub {
        width: 100%;
        padding: 0 10px
    }

    .main-nav-item-sub.active-mobile .main-nav-dropdown-sub {
        left: 0;
        opacity: 1;
        -webkit-transition: left .35s;
        transition: left .35s
    }

    .main-nav-item-sub.active-mobile .nav-products-header {
        left: 0
    }

    .main-nav-item-sub.active-mobile .nav__title--products {
        left: 0
    }
}

@media screen and (min-width:1200px) {
    .main-nav-item-sub {
        width: 340px
    }

    .main-nav-item-sub.active .main-nav-dropdown-sub {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, transform .5s;
        transition: opacity .5s, transform .5s, -webkit-transform .5s
    }

    .main-nav-item-sub.active .main-nav-link-sub span::before {
        width: 100%;
        opacity: 1
    }
}

@media screen and (min-width:1440px) {
    .main-nav-item-sub {
        width: 380px
    }
}

.nav__ul {
    padding: 0;
    list-style: none
}

.nav__ul li.active>a {
    color: #169442
}

@media screen and (max-width:1023px) {
    .nav__ul li.main-nav-item-sub.active:not(.active-color-mb)>a {
        color: #090101
    }
}

.nav-products-wrap-inner {
    margin-top: 16px
}

@media screen and (min-width:1200px) {
    .nav-products-wrap-inner {
        margin-top: 0
    }

    .nav-products-wrap-inner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 31%;
        background: url(/images/patterns/bg-white-dotted.png) #fff;
        background-size: 2px 2px
    }

    .nav-products-wrap-inner .nav__ul {
        padding-top: 30px;
        width: 21%
    }
}

@media screen and (min-width:1440px) {
    .nav-products-wrap-inner::before {
        content: '';
        width: 300px
    }

    .nav-products-wrap-inner .nav__ul {
        padding-top: 28px;
        width: 20%
    }
}

@media screen and (min-width:1500px) {
    .nav-products-wrap-inner .nav__ul {
        padding-top: 55px
    }
}

@media screen and (min-width:1200px) {
    .nav-products-wrap {
        height: 100%
    }
}

.nav-products-wrap .main-nav-dropdown__close-button__icon {
    background: #169442
}

.nav-product-arrows {
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 20;
    display: none
}

@media screen and (min-width:1200px) {
    .nav-product-arrows {
        position: absolute;
        top: 43px;
        right: 18px;
        display: block
    }
}

@media screen and (min-width:1440px) {
    .nav-product-arrows {
        top: 34px
    }
}

@media screen and (min-width:1500px) {
    .nav-product-arrows {
        top: 64px;
        right: 13px
    }
}

.nav-product-arrows .main-nav-dropdown__close-button--nav {
    position: relative;
    top: -4px;
    right: 0;
    left: 0;
    bottom: 0
}

.nav-product-arrow-left,
.nav-product-arrow-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: 0 0;
    border: none
}

@media screen and (min-width:1200px) {

    .nav-product-arrow-left,
    .nav-product-arrow-right {
        width: 20px
    }
}

@media screen and (min-width:1440px) {

    .nav-product-arrow-left,
    .nav-product-arrow-right {
        width: 30px;
        height: 40px
    }
}

.nav-product-arrow-left svg,
.nav-product-arrow-right svg {
    width: 15px;
    height: 15px;
    fill: #169442
}

.nav-product-arrow-left svg:hover,
.nav-product-arrow-right svg:hover {
    fill: #880f13
}

.nav-product-arrow-left.disabled,
.nav-product-arrow-right.disabled {
    cursor: auto !important
}

.nav-product-arrow-left.disabled svg,
.nav-product-arrow-right.disabled svg {
    fill: #ececec !important
}

.nav-product-arrow-left.is-hidden,
.nav-product-arrow-right.is-hidden {
    opacity: 0;
    visibility: hidden
}

.header-mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .header-mobile {
        display: none
    }
}

.header-wrap--iframe .header-mobile {
    height: 60px
}

.header-mobile-link {
    display: block
}

.header-mobile-logo {
    padding-left: 25px
}

.header-mobile-logo {
    display: block;
    width: 135px
}

.header-mobile-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    -webkit-box-shadow: inset 1px 0 0 0 #ac161b, inset -1px 0 0 0 #ac161b;
    box-shadow: inset 1px 0 0 0 #ac161b, inset -1px 0 0 0 #ac161b;
    line-height: 1;
    padding: 26px 40px;
    position: relative
}

.show-mobile .header-mobile-button {
    background: #169442
}

.header-mobile-icon {
    background: #fff;
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 36px
}

.header-mobile-icon.top {
    margin-top: -9px
}

.show-mobile .header-mobile-icon.top {
    margin-top: 0;
    -webkit-transform: translateX(-50%) rotate(-45deg) translateY(-50%);
    transform: translateX(-50%) rotate(-45deg) translateY(-50%)
}

.show-mobile .header-mobile-icon.middle {
    opacity: 0
}

.header-mobile-icon.bottom {
    margin-top: 9px
}

.show-mobile .header-mobile-icon.bottom {
    margin-left: -2px;
    margin-top: 0;
    -webkit-transform: translateX(-50%) rotate(45deg) translateY(-50%);
    transform: translateX(-50%) rotate(45deg) translateY(-50%)
}

.main-nav {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 9997;
    margin-bottom: 0
}

.main-nav:after,
.main-nav:before {
    content: "";
    display: table;
    line-height: 0
}

.main-nav:after {
    clear: both
}

.header-wrap--iframe .main-nav {
    height: 52px
}

.main-nav .tooltip-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

@media screen and (max-width:1199px) {
    .main-nav {
        background-color: transparent
    }
}

.main-nav__wrapper {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: auto;
    z-index: 9999;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.show-tablet .main-nav__wrapper {
    height: calc(100vh - 60px);
    overflow-y: auto;
    padding: 3px 0 0
}

@media screen and (min-width:768px) {
    .show-tablet .main-nav__wrapper {
        padding-top: 18px;
        height: calc(100vh - 104px)
    }
}

@media screen and (min-width:1024px) {
    .show-tablet .main-nav__wrapper {
        padding-top: 32px
    }
}

.main-nav__wrapper.is-open-sub {
    overflow: hidden
}

.main-nav__wrapper.main-nav__wrapper--loaded {
    opacity: 1
}

@media screen and (min-width:1200px) {
    .main-nav__wrapper.main-nav__wrapper--loaded {
        visibility: visible
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        overflow: visible;
        padding: 0 50px 0 100px;
        position: static;
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .main-nav__wrapper.resizing {
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 50px 0 200px;
        position: static;
        width: 100%
    }
}

@media screen and (max-width:1199px) {
    .main-nav__wrapper:not(.is-scroll) {
        width: 100%;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .main-nav__wrapper:not(.is-scroll)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 99px;
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
        -webkit-box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1);
        box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1);
        z-index: 9999
    }

    .main-nav__wrapper:not(.is-scroll).is-open-sub .main-nav-list {
        overflow: visible
    }
}

@media screen and (max-width:767px) {
    .main-nav__wrapper:not(.is-scroll)::after {
        height: 63px
    }
}

.main-nav-list {
    font-weight: 700;
    list-style-type: none;
    margin: 0;
    padding: 12px 10px 42px;
    width: 100%;
    min-height: calc(100% - 181px)
}

@media screen and (min-width:768px) {
    .main-nav-list {
        min-height: calc(100% - 246px)
    }
}

.main-nav-list+.main-nav-list {
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .main-nav-list+.main-nav-list {
        margin-top: 10px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-list+.main-nav-list {
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        overflow: visible;
        margin: 0 -12px 0 0;
        padding: 0;
        position: static;
        width: auto
    }

    .show-tablet .header-wrap:not(.header-wrap--tablet) .main-nav-list {
        height: auto
    }
}

.main-nav-item+.main-nav-item {
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .main-nav-item+.main-nav-item {
        margin-top: 10px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-item {
        margin: 0 0 5px
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-item+.header-wrap:not(.header-wrap--tablet) .main-nav-item {
        margin-top: 0
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-list--right .main-nav-item:last-child {
        margin-right: 0
    }
}

.main-nav-item.active>a {
    color: #169442
}

@media screen and (max-width:1199px) {
    .main-nav-item.active-color-mb>a {
        color: #169442
    }
}

.main-nav-link,
.main-nav-link-sub {
    color: #090101;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.main-nav-link-sub.active-dropdown,
.main-nav-link-sub.mobile-active,
.main-nav-link.active-dropdown,
.main-nav-link.mobile-active {
    color: #169442
}

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

    .main-nav-link-sub.active-dropdown,
    .main-nav-link-sub.mobile-active,
    .main-nav-link.active-dropdown,
    .main-nav-link.mobile-active {
        color: #090101
    }
}

@media screen and (min-width:1200px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-link-sub:hover,
    .header-wrap:not(.header-wrap--tablet) .main-nav-link:hover {
        color: #169442
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-link-sub:hover .nav__icon--right,
    .header-wrap:not(.header-wrap--tablet) .main-nav-link:hover .nav__icon--right {
        fill: #169442
    }
}

@media screen and (min-width:1200px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-link,
    .header-wrap:not(.header-wrap--tablet) .main-nav-link-sub {
        background: 0 0;
        font-size: 16px;
        line-height: 1;
        padding: 18px 22px 23px
    }
}

@media screen and (min-width:1280px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-link,
    .header-wrap:not(.header-wrap--tablet) .main-nav-link-sub {
        padding-left: 29px;
        padding-right: 29px
    }
}

@media screen and (min-width:1440px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-link,
    .header-wrap:not(.header-wrap--tablet) .main-nav-link-sub {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media screen and (min-width:1200px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-list--right .main-nav-link,
    .header-wrap:not(.header-wrap--tablet) .main-nav-list--right .main-nav-link-sub {
        font-size: 14px
    }
}

@media screen and (min-width:1440px) {

    .header-wrap:not(.header-wrap--tablet) .main-nav-list--right .main-nav-link,
    .header-wrap:not(.header-wrap--tablet) .main-nav-list--right .main-nav-link-sub {
        font-size: 16px
    }
}

.main-nav-link .main-nav-item__arrow,
.main-nav-link-sub .main-nav-item__arrow {
    display: none
}

@media screen and (min-width:1200px) {

    .main-nav-link .main-nav-item__arrow,
    .main-nav-link-sub .main-nav-item__arrow {
        display: block;
        height: 12px;
        width: 12px;
        fill: #169442;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0
    }
}

@media screen and (min-width:768px) {

    .main-nav-link,
    .main-nav-link-sub {
        padding: 11px 70px
    }
}

@media screen and (min-width:1024px) {

    .main-nav-link,
    .main-nav-link-sub {
        padding: 15px 118px
    }
}

@media screen and (min-width:1200px) {
    .main-nav-link {
        position: relative
    }

    .main-nav-link::after {
        content: "";
        position: absolute;
        height: 20px;
        left: 0;
        right: 0;
        bottom: -13px
    }
}

.main-nav-link-style {
    color: #090101;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    padding: 12px 30px;
    position: relative;
    text-decoration: none
}

.main-nav-link-style.active-dropdown,
.main-nav-link-style.mobile-active {
    color: #169442
}

@media screen and (min-width:1200px) {
    .main-nav-link-style:hover {
        color: #169442
    }
}

.main-nav-link-style--large {
    font-size: 16px;
    line-height: 1.5
}

@media screen and (min-width:1200px) {
    .main-nav-link-style--large {
        padding-top: 4px !important
    }
}

@media screen and (min-width:768px) {
    .main-nav-link-style {
        padding: 19px 118px
    }
}

@media screen and (min-width:1200px) {
    .main-nav-link-style {
        padding: 14px 45px
    }
}

.main-nav-toggle-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #169442;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    fill: #fff;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -20px;
    padding: 5px;
    position: absolute;
    right: 25px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 25px
}

.main-nav-toggle-icon img,
.main-nav-toggle-icon svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle
}

.main-nav-toggle-icon svg {
    height: 15px;
    width: 15px
}

.main-nav-toggle-icon img {
    max-height: 100%;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .main-nav-toggle-icon {
        margin-top: -25px;
        right: 50px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-toggle-icon {
        display: none
    }
}

.main-nav-toggle-icon--down,
.main-nav-toggle-icon--up {
    fill: #fff;
    position: absolute
}

.main-nav-toggle-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-nav-toggle-icon--up {
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-active .main-nav-toggle-icon {
    background: #169442
}

.mobile-active .main-nav-toggle-icon--down {
    opacity: 0
}

.mobile-active .main-nav-toggle-icon--up {
    opacity: 1
}

.main-nav-indicator {
    display: none
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-indicator {
        background: #169442;
        display: block;
        height: 2px;
        opacity: 1;
        position: absolute;
        top: calc(100% - 22px);
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        -webkit-transition: left .3s ease-out, width .3s ease-out, opacity .3s ease-out;
        transition: left .3s ease-out, width .3s ease-out, opacity .3s ease-out;
        width: 0;
        z-index: 30000;
        pointer-events: none
    }
}

@media screen and (min-width:1440px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-indicator {
        top: calc(100% - 23px)
    }
}

.header-wrap:not(.header-wrap--tablet) .main-nav-indicator.hide {
    height: 0;
    opacity: 0;
    overflow: hidden
}

.main-nav-dropdown {
    background: #fff;
    height: 0;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    padding: 22px 0 0;
    -webkit-box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .2);
    box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .2)
}

.main-nav-dropdown.mobile-active {
    display: block;
    visibility: visible
}

@media screen and (min-width:768px) {
    .main-nav-dropdown {
        padding: 43px 0 0
    }
}

@media screen and (min-width:1024px) {
    .main-nav-dropdown {
        padding-top: 55px
    }
}

@media screen and (min-width:1200px) {
    .main-nav-dropdown {
        padding-top: 0;
        max-height: calc(80vh - 120px)
    }

    .main-nav-dropdown a,
    .main-nav-dropdown button {
        visibility: hidden;
        display: none
    }

    .main-nav-dropdown.active-dropdown .nav-section-arrows {
        visibility: visible
    }

    .main-nav-dropdown.active-dropdown a,
    .main-nav-dropdown.active-dropdown button {
        visibility: visible;
        display: block
    }

    .main-nav-dropdown.active-dropdown .active-slider a,
    .main-nav-dropdown.active-dropdown .active-slider button,
    .main-nav-dropdown.active-dropdown .nav-products-header a,
    .main-nav-dropdown.active-dropdown .nav-products-header button {
        visibility: visible !important
    }

    .main-nav-dropdown.active-dropdown .nav-products-inner {
        visibility: visible
    }

    .main-nav-dropdown .nav__icon--right {
        display: none
    }

    .main-nav-dropdown .main-nav-link-sub {
        font-size: 20px !important;
        max-width: 295px;
        margin: 0 5px 20px 24px
    }

    .main-nav-dropdown::before {
        content: '';
        position: absolute;
        top: -3px;
        left: 0;
        right: 0;
        height: 2px;
        -webkit-box-shadow: 0 0 11px 0 rgba(112, 112, 112, .9);
        box-shadow: 0 0 11px 0 rgba(112, 112, 112, .9);
        z-index: 2
    }
}

@media screen and (min-width:1440px) {
    .main-nav-dropdown .main-nav-link-sub {
        margin-left: 30px
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown {
        margin-top: 0;
        position: absolute;
        top: 100%;
        opacity: 0
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown.active-dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0s, height .5s;
        transition: opacity 0s, height .5s
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown.active-dropdown>:not(.nav-accessories) {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .35s .2s, -webkit-transform .35s .2s;
        transition: opacity .35s .2s, -webkit-transform .35s .2s;
        transition: opacity .35s .2s, transform .35s .2s;
        transition: opacity .35s .2s, transform .35s .2s, -webkit-transform .35s .2s
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown.active-dropdown .nav-accessories .nav-accessories-ad>*,
    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown.active-dropdown .nav-accessories .nav-col-list {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .35s .2s, -webkit-transform .35s .2s;
        transition: opacity .35s .2s, -webkit-transform .35s .2s;
        transition: opacity .35s .2s, transform .35s .2s;
        transition: opacity .35s .2s, transform .35s .2s, -webkit-transform .35s .2s
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown>:not(.nav-accessories) {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transition: opacity .5s, -webkit-transform .35s;
        transition: opacity .5s, -webkit-transform .35s;
        transition: opacity .5s, transform .35s;
        transition: opacity .5s, transform .35s, -webkit-transform .35s
    }

    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown .nav-accessories .nav-accessories-ad>*,
    .header-wrap:not(.header-wrap--tablet) .main-nav-dropdown .nav-accessories .nav-col-list {
        opacity: 0;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transition: opacity .5s, -webkit-transform .35s;
        transition: opacity .5s, -webkit-transform .35s;
        transition: opacity .5s, transform .35s;
        transition: opacity .5s, transform .35s, -webkit-transform .35s
    }
}

@media screen and (max-width:1199px) {
    .main-nav-dropdown {
        position: fixed;
        height: calc(100vh - 104px);
        bottom: 0;
        left: 100vw;
        width: 100vw;
        -webkit-transition: all .35s;
        transition: all .35s;
        overflow: auto
    }

    .main-nav-dropdown.mobile-active {
        left: 0
    }
}

@media screen and (max-width:767px) {
    .main-nav-dropdown {
        height: calc(100vh - 64px)
    }
}

.main-nav-dropdown__close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    padding: 16px 13px 18px 24px;
    position: absolute;
    right: 60px;
    top: 66px;
    cursor: pointer;
    display: none;
    z-index: 100
}

@media screen and (min-width:1024px) {
    .main-nav-dropdown__close-button {
        display: block
    }
}

@media screen and (max-width:1499px) {
    .main-nav-dropdown__close-button {
        top: 40px
    }
}

.main-nav-dropdown__close-button.is-hidden {
    opacity: 0;
    visibility: hidden
}

.main-nav-dropdown__close-button__icon {
    background: #fff;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 20px
}

.main-nav-dropdown__close-button__icon.top {
    margin-left: 0;
    margin-top: 1.5px;
    -webkit-transform: translateX(-50%) rotate(-45deg) translateY(-50%);
    transform: translateX(-50%) rotate(-45deg) translateY(-50%)
}

.main-nav-dropdown__close-button__icon.bottom {
    margin-left: -1px;
    margin-top: 1.5px;
    -webkit-transform: translateX(-50%) rotate(45deg) translateY(-50%);
    transform: translateX(-50%) rotate(45deg) translateY(-50%)
}

.main-nav-tablet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 1;
    padding: 16px 13px 18px 24px;
    position: relative;
    z-index: 9999;
    display: block;
    margin: 14px 25px 12px 0
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .main-nav-tablet {
        display: none
    }
}

@media screen and (min-width:768px) {
    .main-nav-tablet {
        margin: 28px 38px 22px 0;
        padding: 23px 20px 23px 25px
    }
}

@media screen and (min-width:1024px) {
    .main-nav-tablet {
        margin: 28px 51px 22px 0
    }
}

.main-nav-tablet-icon {
    background: #000;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 20px
}

@media screen and (min-width:1024px) {
    .main-nav-tablet-icon {
        height: 3px;
        width: 28px
    }
}

.main-nav-tablet-icon.top {
    margin-top: -8px
}

@media screen and (min-width:1024px) {
    .main-nav-tablet-icon.top {
        margin-top: -13px
    }
}

.show-tablet .main-nav-tablet-icon.top {
    margin-left: 0;
    margin-top: 1.5px;
    -webkit-transform: translateX(-50%) rotate(-45deg) translateY(-50%);
    transform: translateX(-50%) rotate(-45deg) translateY(-50%)
}

.main-nav-tablet-icon.middle {
    margin-top: -2px
}

@media screen and (min-width:1024px) {
    .main-nav-tablet-icon.middle {
        margin-top: -4px
    }
}

.show-tablet .main-nav-tablet-icon.middle {
    opacity: 0
}

.main-nav-tablet-icon.middle--2 {
    margin-top: 4px
}

@media screen and (min-width:1024px) {
    .main-nav-tablet-icon.middle--2 {
        margin-top: 5px
    }
}

.show-tablet .main-nav-tablet-icon.middle--2 {
    opacity: 0
}

.main-nav-tablet-icon.bottom {
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    .main-nav-tablet-icon.bottom {
        margin-top: 14px
    }
}

.show-tablet .main-nav-tablet-icon.bottom {
    margin-left: -1px;
    margin-top: 1.5px;
    -webkit-transform: translateX(-50%) rotate(45deg) translateY(-50%);
    transform: translateX(-50%) rotate(45deg) translateY(-50%)
}

@media screen and (min-width:1200px) {
    .align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width:1200px) {
    .col-50 {
        width: 50% !important
    }
}

.nav__icon--right {
    fill: #000;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 25px;
    top: 15px
}

@media screen and (min-width:768px) {
    .nav__icon--right {
        top: 20px;
        right: 68px
    }
}

@media screen and (min-width:1024px) {
    .nav__icon--right {
        right: 122px
    }
}

@media screen and (min-width:1200px) {
    .nav__icon--right {
        display: none
    }
}

.nav__icon-pro--right {
    fill: #169442;
    height: 12px;
    width: 12px;
    top: 1px;
    position: relative
}

@media screen and (min-width:1200px) {
    .nav__icon-pro--right {
        display: none
    }
}

.nav__link--mb-hidden {
    display: none
}

@media screen and (min-width:1200px) {
    .nav__link--mb-hidden {
        display: block;
        padding-left: 45px;
        padding-top: 4px;
        padding-bottom: 12px
    }
}

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

    .link-focus-ani-mb:focus,
    .link-focus-ani-mb:hover {
        color: #169442
    }

    .link-focus-ani-mb:focus~.nav-slide-caption .nav-slide-name,
    .link-focus-ani-mb:hover~.nav-slide-caption .nav-slide-name {
        color: #169442
    }
}

.skip-button {
    position: fixed;
    z-index: 9999;
    top: -200px;
    left: 15px
}

.skip-button:focus {
    top: 15px
}

.util-nav-mobile {
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 28px 30px 30px;
    min-height: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media screen and (max-width:375px) {
    .util-nav-mobile {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (min-width:768px) {
    .util-nav-mobile {
        padding: 56px 120px 52px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width:1200px) {
    .util-nav-mobile {
        display: none
    }
}

@media screen and (max-width:1199px) {
    .util-nav-mobile {
        z-index: 20;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width:768px) {
    .header-wrap.open-search-box .util-search-field-wrap {
        margin-right: 0
    }
}

@media screen and (max-width:1199px) {
    .header-wrap.open-search-box .util-nav .util-search-form-wrap {
        min-height: 100vh;
        visibility: visible;
        left: 0;
        top: 0;
        position: fixed;
        opacity: 1;
        pointer-events: all;
        width: 100vw;
        z-index: 9999;
        background-color: #fff;
        -webkit-transition: top .4s cubic-bezier(.25, .46, .45, .94), opacity .1s;
        transition: top .4s cubic-bezier(.25, .46, .45, .94), opacity .1s
    }

    .header-wrap.open-search-box .util-search-close {
        display: block
    }
}

.util-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 9999
}

@media screen and (min-width:1200px) {
    .util-nav {
        padding: 7px 50px;
        z-index: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

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

    .util-nav .util-dealer,
    .util-nav .util-nav__recall,
    .util-nav .util-search-open {
        display: none !important
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .util-nav {
        padding: 0 50px 9px 220px
    }
}

.header-wrap--iframe .util-nav {
    height: 82px
}

.util-nav__recall a {
    text-transform: uppercase;
    color: #090101;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    line-height: normal
}

.util-nav__recall a:hover {
    color: #169442
}

.util-nav__recall--icon {
    fill: #169442;
    height: 12px;
    width: 12px;
    position: relative;
    left: 1px
}

.util-dealer {
    width: 100%;
    max-width: 430px;
    margin: 26px auto 0
}

@media screen and (min-width:768px) {
    .util-dealer {
        max-width: unset;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0
    }
}

@media screen and (min-width:1200px) {
    .util-dealer {
        margin-left: 38px;
        width: 137px;
        margin-top: 0
    }
}

.util-dealer-link {
    width: 100%;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto
}

@media screen and (max-width:1199px) {
    .util-dealer-link {
        -webkit-transition: none;
        transition: none
    }
}

.util-nav__recall-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

@media screen and (min-width:768px) {
    .util-nav__recall-wrap {
        max-width: 430px;
        margin: 0 auto;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:320px) {
    .util-nav__recall {
        min-width: 102px
    }
}

.util-nav__garage a {
    text-transform: none
}

.util-nav__garage--icon {
    fill: #169442;
    margin: -7px 6px 0 -2px;
    position: relative;
    top: 6px;
    height: 24px;
    width: 24px
}

@media screen and (min-width:1200px) {
    .util-nav__garage {
        margin-left: 32px
    }
}

@media screen and (min-width:768px) {
    .util-search {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }
}

.util-search-open {
    background: 0 0;
    border: 0;
    cursor: pointer;
    float: right;
    left: 10px;
    overflow: visible;
    padding: 4px 12px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.util-search-open:after {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

@media screen and (min-width:768px) {
    .util-search-open:after {
        content: none
    }
}

@media screen and (min-width:1200px) {
    .header-wrap:not(.header-wrap--tablet) .util-search-open {
        margin-right: 28px;
        padding-top: 5px
    }
}

.search-active .util-search-open {
    background: url(/images/patterns/bg-red-diagonal.png) #169442
}

@media screen and (min-width:768px) {
    .search-active .util-search-open {
        background: 0 0
    }
}

@media screen and (min-width:1200px) {
    .search-active .util-search-open {
        opacity: 0;
        pointer-events: none
    }
}

.search-active .util-search-open:after {
    height: 2em
}

.transition-none {
    -webkit-transition: none !important;
    transition: none !important
}

.util-search-open-icon {
    fill: #169442;
    height: 25px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 25px
}

@media screen and (min-width:1200px) {

    .search-active .util-search-open-icon,
    .util-search-open:focus .util-search-open-icon,
    .util-search-open:hover .util-search-open-icon,
    .util-search-submit:hover .util-search-open-icon {
        fill: #090101
    }
}

.util-search-form {
    background: #fff;
    padding: 31px 73px 20px 30px;
    position: relative
}

@media screen and (min-width:768px) {
    .util-search-form {
        padding: 32px 120px 32px 120px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        z-index: 2
    }

    .util-search-form::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #169442
    }
}

@media screen and (min-width:1200px) {
    .util-search-form {
        padding: 29px 62px 28px 30px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        z-index: 2
    }

    .util-search-form::before {
        content: '';
        height: 0;
        background-color: transparent
    }
}

@media screen and (min-width:1200px) {
    .util-search-form {
        -webkit-box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1);
        box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1)
    }
}

@media screen and (min-width:1440px) {
    .util-search-form {
        padding: 30px 62px 29px 30px
    }
}

.util-search-form.show {
    top: 0
}

.util-search-form--mobile {
    background: 0 0;
    padding: 0;
    margin-top: 30px
}

@media screen and (min-width:768px) {
    .util-search-form--mobile {
        margin-top: 50px;
        border-top: 0 !important
    }
}

.util-search-form--mobile .util-search-field {
    background-color: #fff;
    color: #727272;
    padding: 13px 20px 13px 61px
}

.util-search-form--mobile .util-search-field-mask {
    padding: 13px 20px 13px 61px
}

@media screen and (min-width:768px) {
    .util-search-form--mobile .util-search-field-mask {
        padding-left: 57px
    }
}

.util-search-form--mobile .util-search-open-icon {
    top: 12px;
    left: 20px;
    position: absolute
}

@media screen and (min-width:768px) {
    .util-search-form--mobile .util-search-open-icon {
        left: 18px
    }
}

.util-search-form--mobile::before {
    display: none
}

.util-search-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 29px;
    bottom: 32px
}

@media screen and (min-width:768px) {
    .util-search-close {
        bottom: 39px;
        right: 52px
    }
}

@media screen and (min-width:1200px) {
    .util-search-close {
        bottom: 42px;
        right: 17px
    }
}

.util-search-close-icon {
    fill: #090101;
    height: 16px;
    width: 16px;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media screen and (max-width:1199px) {
    .util-search-close-icon {
        position: relative;
        fill: #090101
    }
}

@media screen and (min-width:768px) {
    .util-search-close-icon {
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width:1200px) {
    .util-search-close-icon {
        height: 16px;
        width: 16px
    }
}

@media screen and (min-width:1200px) {
    .util-search-close:hover .util-search-close-icon {
        fill: #169442
    }
}

.util-search-form-wrap {
    display: block;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 100vh;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    z-index: 9999;
    -webkit-transition: top .4s, opacity 0s .4s;
    transition: top .4s, opacity 0s .4s
}

@media screen and (min-width:1200px) {
    .util-search-form-wrap {
        height: auto;
        position: fixed;
        top: 0;
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        background: 0 0;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        opacity: 1;
        max-width: 904px;
        width: 54vw;
        -webkit-box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1);
        box-shadow: 0 5px 20px 0 rgba(112, 112, 112, .1)
    }
}

.util-search-form-wrap ::-webkit-input-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.util-search-form-wrap ::-moz-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.util-search-form-wrap :-ms-input-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.util-search-form-wrap :-moz-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.util-search-form-wrap ::-ms-input-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.util-search-form-wrap ::placeholder {
    color: #4a4a4a;
    opacity: 1
}

.search-active .util-search-form-wrap {
    visibility: visible;
    height: 350px
}

@media screen and (min-width:768px) {
    .search-active .util-search-form-wrap {
        height: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 0;
        pointer-events: all
    }
}

@media screen and (min-width:1200px) {
    .search-active .util-search-form-wrap {
        top: 3px
    }
}

.util-search-field-wrap {
    position: relative
}

@media screen and (min-width:1200px) {
    .util-search-field-wrap .util-search-close-icon {
        position: absolute;
        top: 13px;
        left: 20px;
        height: 22px;
        width: 22px
    }
}

.util-search-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 13px;
    padding: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: transparent
}

@media screen and (min-width:768px) {
    .util-search-submit {
        left: 17px
    }
}

.util-search-submit.show-submit {
    opacity: 1
}

.util-search-submit svg {
    background-color: transparent
}

.util-search-submit-icon {
    fill: #169442;
    height: 25px;
    width: 25px;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media screen and (min-width:1200px) {
    .util-search-submit-icon {
        height: 22px;
        width: 22px
    }
}

@media screen and (min-width:1200px) {
    .util-search-submit:hover .util-search-submit-icon {
        fill: #090101
    }
}

.util-search-field {
    background: #f3f3f3;
    border: 0;
    border-radius: 4px;
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 25px 10px 60px;
    width: 100%;
    height: 50px;
    font-weight: 300
}

@media screen and (min-width:1200px) {
    .util-search-field {
        font-size: 16px;
        padding: 15px 30px 15px 60px
    }
}

.util-search-field:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.search-reco {
    background-size: 2px 2px;
    padding: 27px 30px;
    position: relative;
    width: 100%;
    height: calc(100% - 101px);
    overflow-y: auto
}

@media screen and (min-width:768px) {
    .search-reco {
        padding: 47px 120px;
        height: calc(100% - 117px)
    }
}

@media screen and (min-width:1200px) {
    .search-reco {
        height: auto;
        top: 0;
        padding: 26px 30px 20px;
        background: url(/images/patterns/bg-white-dotted.png) #fff;
        background-size: 2px 2px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: top .4s cubic-bezier(.25, .46, .45, .94) 0s;
        z-index: 1
    }
}

@media screen and (min-width:768px) {
    .search-reco.show {
        top: 0
    }
}

.search-reco-title {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .search-reco-title {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1200px) {
    .search-reco-title {
        margin-bottom: 17px
    }
}

.search-reco-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.search-reco-item {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .search-reco-item {
        margin-top: 21px
    }
}

@media screen and (min-width:1200px) {
    .search-reco-item {
        margin-top: 6px
    }
}

.search-reco-link {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500
}

.search-reco-link:hover {
    color: #169442
}

.search-blank-close {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.search-active .search-blank-close {
    display: block
}

.hero.container {
    max-width: none;
    padding: 0
}

@media screen and (min-width:1024px) {
    .hero.container {
        margin-top: -18px
    }
}

.homepage .hero.container {
    position: relative;
    top: 52px
}

@media screen and (min-width:768px) {
    .homepage .hero.container {
        top: 126px
    }
}



@media screen and (min-width:1024px) {
    .hero {
        height: 100vh;
        overflow: hidden;
        position: relative;
        top: -132px;
        -webkit-transition: all .1s cubic-bezier(.22, .61, .36, 1);
        transition: all .1s cubic-bezier(.22, .61, .36, 1)
    }
}

@media screen and (min-width:1024px) {
    .hero.closed {
        height: 20px;
        top: 0;
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out
    }
}

.hero-slide-image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:1024px) {
    .hero__inner {
        height: 100vh;
        overflow: hidden;
        position: relative;
        -webkit-transition: height .5s ease-out;
        transition: height .5s ease-out
    }
}

@media screen and (min-width:1024px) {
    .closed .hero__inner {
        height: 0;
        -webkit-transition: height .6s ease-out;
        transition: height .6s ease-out
    }
}

.hero-slider {
    position: relative
}

@media screen and (min-width:1024px) {
    .hero-slider {
        height: 100%
    }
}

.hero-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero-slider .slick-next,
.hero-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    display: none !important;
    height: 116px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    z-index: 10
}

.hero-slider .slick-next:focus,
.hero-slider .slick-prev:focus {
    outline: 2px solid #169442
}

@media screen and (min-width:1024px) {

    .hero-slider .slick-next,
    .hero-slider .slick-prev {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.hero-slider .slick-next:before,
.hero-slider .slick-prev:before {
    content: none
}

.hero-slider .slick-next svg,
.hero-slider .slick-prev svg {
    fill: #169442;
    height: 15px;
    width: 15px
}

.hero-slider .slick-prev {
    left: 0
}

.hero-slider .slick-next {
    right: 0
}

@media screen and (min-width:1024px) {

    .hero-slider .slick-list,
    .hero-slider .slick-track {
        height: 100%
    }
}

.hero-slider .slick-slide {
    height: auto
}

@media screen and (min-width:1024px) {
    .hero-slider .slick-slide>div {
        height: 100%
    }
}

.hero-slider .slick-dots {
    bottom: auto;
    pointer-events: auto;
    top: 300px
}

@media screen and (min-width:768px) {
    .hero-slider .slick-dots {
        top: 575px
    }
}

@media screen and (min-width:1024px) {
    .hero-slider .slick-dots {
        bottom: auto;
        opacity: 1;
        text-align: left;
        -webkit-transition: opacity 1s ease .5s;
        transition: opacity 1s ease .5s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .transitioning .hero-slider .slick-dots {
        opacity: 0;
        -webkit-transition: opacity .25s;
        transition: opacity .25s
    }
}

.hero-slider .slick-dots li {
    width: auto
}

.hero-slider .slick-dots .slick-dot.js-slick-dot-clickable {
    cursor: pointer
}

.hero-slide {
    height: 100%;
    position: relative
}

.hero-slide-image-wrapper {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 340px
}

@media screen and (min-width:768px) {
    .hero-slide-image-wrapper {
        height: 622px
    }
}

@media screen and (min-width:1024px) {
    .hero-slide-image-wrapper {
        height: 100%
    }
}

.hero-caption-wrapper {
    pointer-events: none
}

.hero-caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 35px 30px 60px;
    position: relative
}

@media screen and (min-width:768px) {
    .hero-caption {
        padding: 55px 50px 77px
    }
}

@media screen and (min-width:1024px) {
    .hero-caption {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: 0 0;
        height: auto;
        min-height: calc(50vh + 64px);
        opacity: 0;
        padding: 55px 30px 37px 40px;
        position: absolute;
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        width: calc(50% - 100px)
    }

    .hero-caption:before {
        background: url(/images/patterns/bg-black-diagonal.png) #090101;
        bottom: 0;
        content: "";
        left: 0;
        opacity: .8;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (min-width:1024px) {
    .slick-active .hero-caption {
        opacity: 1;
        -webkit-transition: opacity .5s 1s;
        transition: opacity .5s 1s
    }
}

@media screen and (min-width:1024px) {
    .closed .hero-caption {
        opacity: 0;
        -webkit-transition: opacity .25s;
        transition: opacity .25s
    }
}

@media screen and (min-width:1024px) {
    [data-caption-x=left] .hero-caption {
        left: 50px
    }
}

@media screen and (min-width:1024px) {
    [data-caption-x=right] .hero-caption {
        right: 50px
    }
}

@media screen and (min-width:1024px) {
    [data-caption-y=top] .hero-caption {
        top: 0
    }
}

@media screen and (min-width:1024px) {
    [data-caption-y=bottom] .hero-caption {
        bottom: 0
    }
}

.hero-logo {
    max-height: 55px;
    max-width: 100%;
    z-index: 2
}

.hero-title {
    font: bold 30px/36px Roboto, sans-serif;
    letter-spacing: .53px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 2
}

@media screen and (min-width:768px) {
    .hero-title {
        font: bold 48px/48px Roboto, sans-serif;
        letter-spacing: .83px
    }
}

@media screen and (max-height:650px) and (min-width:1024px) {
    .hero-title {
        font: bold 30px/36px Roboto, sans-serif;
        letter-spacing: .53px
    }
}

@media screen and (min-width:1024px) {
    .hero-title {
        text-align: left
    }
}

*+.hero-title {
    margin-top: 34px
}

.hero-title sup {
    top: .8rem;
    font-size: 1rem;
    vertical-align: text-top
}

@media screen and (min-width:768px) {
    .hero-title sup {
        top: 1rem
    }
}

.hero-subtitle {
    font: bold 16px Roboto, sans-serif;
    margin: 0;
    text-transform: uppercase;
    z-index: 2;
    text-align: center;
    width: 100%
}

@media screen and (min-width:768px) {
    .hero-subtitle {
        font-size: 21px
    }
}

@media screen and (max-height:650px) and (min-width:1024px) {
    .hero-subtitle {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width:1024px) {
    .hero-subtitle {
        text-align: left
    }
}

*+.hero-subtitle {
    margin-top: 10px
}

.hero-subtitle sup {
    top: 0;
    font-size: .5rem;
    vertical-align: text-top;
    vertical-align: super
}

@media screen and (min-width:768px) {
    .hero-subtitle sup {
        font-size: 50%
    }
}

.hero-disclaimer {
    font: Roboto, sans-serif;
    font-size: small;
    font-weight: lighter;
    margin: 0;
    z-index: 2;
    text-align: center;
    width: 100%
}

@media screen and (min-width:320px) {
    .hero-disclaimer {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: -25px
    }
}

@media screen and (min-width:768px) {
    .hero-disclaimer {
        font-size: 16px
    }
}

@media screen and (min-width:1024px) {
    .hero-disclaimer {
        text-align: left
    }
}

*+.hero-disclaimer {
    margin-top: 10px
}

.hero-cta {
    border-color: #fff;
    color: inherit;
    min-width: 250px;
    z-index: 2;
    pointer-events: auto
}

@media screen and (min-width:1024px) {
    .hero-cta {
        background-color: #169442;
        border-color: #169442;
        color: #fff;
        margin-bottom: 10px
    }
}

@media screen and (min-width:1024px) {
    .hero-cta:hover {
        background-color: #169442;
        border-color: #169442;
        color: #fff
    }
}

*+.hero-cta {
    margin-top: 33px
}

.hero-dots-placeholder {
    display: none
}

@media screen and (min-width:1024px) {
    .hero-dots-placeholder {
        -ms-flex-item-align: center;
        align-self: center;
        display: block;
        height: 10px;
        margin-bottom: 7px;
        margin-top: auto;
        width: 10px
    }
}

.hero-caption-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1024px) {
    .hero-caption-wrapper {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .hero-caption-wrapper {
        bottom: 0;
        height: calc(100% - 132px);
        left: 0;
        margin-top: 0;
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 50px;
        padding-right: 50px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.hero-line-horizontal {
    background: #fff;
    display: none;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: top 1s ease, opacity .25s ease;
    transition: top 1s ease, opacity .25s ease;
    width: 100%
}

@media screen and (min-width:1024px) {
    .hero-line-horizontal {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .closed .hero-line-horizontal {
        opacity: 0
    }
}

.hero-line-vertical-inside-edge,
.hero-line-vertical-outside-edge {
    background: #fff;
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: left 1s ease, opacity .25s ease;
    transition: left 1s ease, opacity .25s ease;
    width: 1px
}

@media screen and (min-width:1024px) {

    .hero-line-vertical-inside-edge,
    .hero-line-vertical-outside-edge {
        display: block
    }
}

@media screen and (min-width:1024px) {

    .closed .hero-line-vertical-inside-edge,
    .closed .hero-line-vertical-outside-edge {
        opacity: 0
    }
}

.hero-scroll-indicator {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    bottom: 25px;
    cursor: pointer;
    display: none;
    height: 57px;
    left: 25px;
    opacity: .9;
    position: absolute;
    width: 57px
}

@media screen and (min-width:1024px) {
    .hero-scroll-indicator {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .closed .hero-scroll-indicator {
        opacity: 0;
        -webkit-transition: opacity .25s;
        transition: opacity .25s
    }
}

.hero-scroll-indicator__mouse {
    border: 2px solid #169442;
    border-radius: 86px;
    height: 35px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 23px
}

.hero-scroll-indicator__wheel {
    -webkit-animation: mouseWheel 2s ease infinite;
    animation: mouseWheel 2s ease infinite;
    background-color: #169442;
    border-radius: 100px;
    cursor: pointer;
    height: 8px;
    left: 50%;
    outline: 0;
    position: absolute;
    top: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3px
}

.hero-open-trigger-wrapper {
    background-color: #fff;
    display: none;
    padding: 0 50px 20px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .hero-open-trigger-wrapper {
        display: block
    }
}

.hero-open-trigger-wrapper svg {
    fill: #fff;
    height: 15px;
    width: 15px
}

.hero-open-trigger-wrapper .btn-red {
    padding-bottom: 10px;
    padding-top: 10px
}

.hero-open-trigger-wrapper div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block;
    margin-top: 15px
}

.hero-open-trigger-wrapper div svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.hero-open-trigger-wrapper div:hover {
    color: #169442
}

.hero-open-trigger {
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0
}

@-webkit-keyframes mouseWheel {
    0% {
        height: 3px;
        top: 8px
    }

    33.33% {
        height: 8px;
        top: 8px
    }

    66.66% {
        height: 3px;
        top: 13px
    }

    95% {
        height: 3px;
        top: 8px
    }

    100% {
        height: 3px;
        top: 8px
    }
}

@keyframes mouseWheel {
    0% {
        height: 3px;
        top: 8px
    }

    33.33% {
        height: 8px;
        top: 8px
    }

    66.66% {
        height: 3px;
        top: 13px
    }

    95% {
        height: 3px;
        top: 8px
    }

    100% {
        height: 3px;
        top: 8px
    }
}

.hero-cta-wrapper {
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:768px) {
    .hero-cta-wrapper {
        gap: 15px
    }
}

.leaving-popup {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .77);
    z-index: 9999999999;
    padding: 0 16px;
    display: none;
    visibility: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.leaving-popup.active {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.leaving-popup__card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 4px solid #169442;
    margin-top: 78px;
    margin-bottom: 60px;
    padding: 36px 16px 12px;
    width: 100%
}

@media (min-width:768px) {
    .leaving-popup__card {
        width: 576px;
        margin-top: 219px;
        padding: 36px 40px
    }
}

.leaving-popup__card__close {
    cursor: pointer;
    border: none;
    outline: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #169442;
    height: 33px;
    width: 36px;
    padding: 0
}

.leaving-popup__card__close svg {
    height: 13px;
    width: 15px
}

.leaving-popup__card__logo {
    margin-bottom: 32px;
    height: 78px;
    width: 95px
}

.leaving-popup__card__title {
    font-weight: 600;
    margin-top: 0
}

.leaving-popup__card__body {
    margin-bottom: 32px
}

.leaving-popup__card__body,
.leaving-popup__card__title {
    width: 100%;
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.leaving-popup__card__link-button {
    width: 100%
}

@media (min-width:768px) {
    .leaving-popup__card__link-button {
        width: 249px
    }
}

.leaving-popup__card__link-url {
    width: 100%;
    margin: 16px 0 0;
    word-break: break-word;
    color: #9b9b9b;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    text-align: center;
    text-transform: lowercase
}

.map-module {
    position: relative
}

.map-module .map-controls {
    bottom: 0;
    padding: 20px;
    position: absolute;
    right: 0
}

.map-module .map-controls-icon {
    fill: #169442;
    height: 21px;
    width: 21px
}

.map-module .map-controls-trigger {
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 60px;
    line-height: 65px;
    margin: 10px 0;
    width: 60px
}

.map-module-map {
    height: 250px
}

@media screen and (min-width:768px) {
    .map-module-map {
        height: 342px
    }
}

.offers-module {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-bottom: 100px
}

@media screen and (min-width:768px) {
    .offers-module {
        padding: 92px 50px 120px
    }
}

.segment .offers-module {
    padding-bottom: 77px
}

@media screen and (min-width:768px) {
    .segment .offers-module {
        padding-bottom: 130px
    }
}

.offers-module-slider {
    position: relative
}

@media screen and (min-width:1440px) {
    .offers-module-slider {
        padding: 0 165px
    }
}

.offers-module-slider .slick-next,
.offers-module-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 110px;
    -webkit-transform: none;
    transform: none;
    width: 37px;
    z-index: 10
}

@media screen and (min-width:768px) {

    .offers-module-slider .slick-next,
    .offers-module-slider .slick-prev {
        height: 113px;
        top: calc(50% - 25px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.offers-module-slider .slick-next:focus,
.offers-module-slider .slick-prev:focus {
    background-color: #169442
}

.offers-module-slider .slick-next.slick-disabled,
.offers-module-slider .slick-prev.slick-disabled {
    opacity: 0
}

.offers-module-slider .slick-next:before,
.offers-module-slider .slick-prev:before {
    content: none
}

.offers-module-slider .slick-next svg,
.offers-module-slider .slick-prev svg {
    fill: #fff;
    height: 15px;
    margin-left: -1px;
    width: 15px
}

.offers-module-slider .slick-prev {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 0
}

@media screen and (min-width:768px) {
    .offers-module-slider .slick-prev {
        left: -50px
    }
}

.offers-module-slider .slick-next {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: auto;
    right: 0
}

@media screen and (min-width:768px) {
    .offers-module-slider .slick-next {
        right: -50px
    }
}

.offers-module-slider .slick-dots {
    top: 235px;
    bottom: auto
}

@media screen and (min-width:768px) {
    .offers-module-slider .slick-dots {
        bottom: auto;
        display: block;
        top: calc(100% + 15px)
    }
}

.offers-module-slider .slick-dots li {
    width: auto
}

.offers-module-slider .slick-disabled {
    display: none !important
}

.offers-module-slide {
    padding-bottom: 10px
}

.offers-module-slide-inner {
    padding-bottom: 50px
}

@media screen and (min-width:768px) {
    .offers-module-slide-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .offers-module-slide-inner {
        padding-bottom: 0
    }
}

.offers-module-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 85%
}

@media screen and (min-width:768px) {
    .offers-module-image {
        min-height: 386px;
        min-width: 50%;
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .offers-module-image {
        height: 566px;
        min-width: calc(100% - 270px)
    }
}

@media screen and (min-width:768px) {
    .offers-module-content-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 50%
    }
}

.offers-module-content {
    background-color: #fff;
    border-bottom: 4px solid #169442;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: -40px;
    padding: 35px 25px;
    position: relative
}

@media screen and (min-width:768px) {
    .offers-module-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        margin: 0;
        padding: 44px 44px 40px
    }
}

@media screen and (min-width:1024px) {
    .offers-module-content {
        height: auto;
        min-height: 386px;
        padding: 55px 55px 40px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 454px
    }
}

@media screen and (min-width:1440px) {
    .offers-module-content {
        padding: 55px 57px 40px;
        width: 533px
    }
}

.offers-module-pre-title {
    color: #169442;
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.offers-module-title {
    width: 100%;
    color: #169442;
    font: bold 42px/42px Roboto, sans-serif;
    letter-spacing: .71px;
    margin: 0;
    text-transform: uppercase
}

*+.offers-module-title {
    margin-top: 4px
}

.offers-module-subtitle {
    width: 100%;
    font: bold 30px/36px Roboto, sans-serif;
    letter-spacing: .41px;
    margin: 0;
    text-transform: uppercase
}

.offers-module-description {
    width: 100%;
    font: 500 18px/24px Roboto, sans-serif;
    margin: 0;
    text-transform: uppercase
}

*+.offers-module-description {
    margin-top: 14px
}

.offers-module-cta {
    width: 100%
}

@media screen and (min-width:768px) {
    .offers-module-cta {
        margin-bottom: 10px;
        min-width: 222px;
        width: auto
    }
}

*+.offers-module-cta {
    margin-top: 32px
}

.offers-module-disclaimer {
    color: #747474;
    display: block;
    font-size: 12px;
    line-height: 14px
}

*+.offers-module-disclaimer {
    margin-top: 36px
}

@media screen and (min-width:768px) {
    *+.offers-module-disclaimer {
        margin-top: auto
    }
}

.offers-module-secondary-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: 34px;
    position: absolute;
    right: -8px;
    top: 100%
}

.offers-module-secondary-cta svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.offers-module-secondary-cta:hover {
    color: #169442
}

@media screen and (min-width:1024px) {
    .offers-module-secondary-cta {
        margin-top: 17px
    }
}

.offers-module-secondary-cta svg {
    margin-top: -2px
}

.offers-lower-case {
    text-transform: capitalize
}

.plan-details-wrapper {
    margin-bottom: 0;
    margin-top: 0;
    padding: 60px 0 104px
}

@media screen and (min-width:768px) {
    .plan-details-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .plan-details-wrapper {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

.plan-details__section-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .plan-details__section-title {
        padding-left: 0;
        padding-right: 0
    }
}

*+.plan-details__section-title {
    margin-top: 54px
}

.plan-details__section-teaser {
    margin: 0;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .plan-details__section-teaser {
        padding-left: 0;
        padding-right: 0
    }
}

*+.plan-details__section-teaser {
    margin-top: 6px
}

.plan-details {
    margin-bottom: 0;
    margin-top: 0
}

*+.plan-details {
    margin-top: 27px
}

.plan-detail__term {
    background: 0 0;
    border: 0;
    border-top: 2px solid #f2f2f2;
    cursor: pointer;
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    padding: 27px 25px 22px 73px;
    position: relative;
    text-align: left;
    width: 100%;
    -webkit-tap-highlight-color: transparent
}

@media screen and (min-width:768px) {
    .plan-detail__term {
        padding-left: 48px
    }
}

.plan-detail__term-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #169442;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 25px;
    line-height: 25px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 26px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 25px
}

@media screen and (min-width:768px) {
    .plan-detail__term-icon {
        left: 0
    }
}

.plan-detail__term-icon img,
.plan-detail__term-icon svg {
    display: inline-block;
    fill: #fff;
    vertical-align: middle
}

.plan-detail__term-icon svg {
    height: 15px;
    width: 15px
}

.plan-detail__term-icon img {
    max-height: 100%;
    max-width: 100%
}

.plan-detail__term-icon--down,
.plan-detail__term-icon--up {
    fill: #fff;
    position: absolute
}

.plan-detail__term-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.plan-detail__term-icon--up {
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.expanded .plan-detail__term-icon {
    background: #169442
}

.expanded .plan-detail__term-icon--down {
    opacity: 0
}

.expanded .plan-detail__term-icon--up {
    opacity: 1
}

.plan-detail__definition {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0 25px 0 73px
}

@media screen and (min-width:768px) {
    .plan-detail__definition {
        padding-left: 48px;
        padding-right: 0;
        border-bottom: 0
    }
}

.plan-detail__definition:last-child {
    border-bottom: 2px solid #f2f2f2
}

.plan-detail__content {
    padding-bottom: 27px
}

.plan-detail__content>:first-child {
    margin-top: 0
}

.plan-detail__content>:last-child {
    margin-bottom: 0
}

.plans-listing {
    border-top: 4px solid #169442
}

.plans-listing-title {
    font: bold 24px/24px Roboto, sans-serif;
    margin: 0;
    padding: 32px 25px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .plans-listing-title {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 24px
    }
}

.plans-listing-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 28px 25px 35px
}

@media screen and (min-width:768px) {
    .plans-listing-wrapper {
        padding: 68px 50px 42px
    }
}

.plans-listing-list {
    margin: 0 0 -30px;
    padding: 0
}

@media screen and (min-width:768px) {
    .plans-listing-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.plans-listing-item {
    background-color: #fff;
    border-bottom: 4px solid #169442;
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

@media screen and (min-width:768px) {
    .plans-listing-item {
        margin-bottom: 18px;
        margin-right: 18px;
        width: calc(50% - 9px)
    }
}

@media screen and (min-width:1024px) {
    .plans-listing-item {
        margin-bottom: 30px
    }
}

@media screen and (min-width:768px) {
    .plans-listing-item:nth-child(even) {
        margin-right: 0
    }
}

.plans-listing-image {
    background-position: center;
    background-size: cover;
    display: block;
    padding-top: 57%
}

@media screen and (min-width:768px) {
    .plans-listing-image {
        padding-top: 63%
    }
}

@media screen and (min-width:1024px) {
    .plans-listing-image {
        padding-top: 57%
    }
}

.plans-listing-item-content {
    padding: 25px 25px 50px
}

@media screen and (min-width:1024px) {
    .plans-listing-item-content {
        padding: 33px 38px 48px
    }
}

.plans-listing-highlight {
    color: #169442;
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    text-transform: uppercase
}

.plans-listing-item-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    text-transform: uppercase
}

*+.plans-listing-item-title {
    padding-top: 6px
}

.plans-listing-cta {
    width: 100%
}

@media screen and (min-width:768px) {
    .plans-listing-cta {
        min-width: 243px;
        width: auto
    }
}

*+.plans-listing-cta {
    margin-top: 34px
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    position: relative
}

.social svg {
    display: inline-block;
    margin-top: -2px;
    -webkit-transition: fill .25s;
    transition: fill .25s;
    vertical-align: middle
}

.social.expanded [data-close] {
    display: block
}

.social .social__copy {
    display: none;
    margin: 0;
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .31px;
    line-height: 30px
}

@media screen and (min-width:768px) {
    .social .social__copy {
        display: block
    }
}

.social-items {
    background-color: #fff;
    bottom: 100%;
    height: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

@media screen and (min-width:768px) {
    .social-items {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto !important;
        padding-bottom: 32px;
        padding-right: 50px;
        padding-top: 32px;
        position: static
    }
}

.social-items button {
    background: 0 0;
    border: 0;
    cursor: pointer
}

.social-item {
    cursor: pointer;
    fill: #169442;
    height: 67px;
    line-height: 67px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media screen and (min-width:768px) {
    .social-item {
        height: auto;
        line-height: 1.1;
        margin-left: 30px
    }
}

.social-item:hover {
    fill: #9b9b9b
}

.social-expand-trigger {
    background: 0 0;
    border: 0;
    border-left: 1px solid #dfdfdf;
    fill: #169442;
    height: 67px;
    line-height: 67px;
    outline: 0;
    position: relative;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    width: 67px;
    z-index: 2
}

@media screen and (min-width:768px) {
    .social-expand-trigger {
        display: none
    }
}

.expanded .social-expand-trigger {
    background-color: #169442;
    fill: #fff
}

.talon-form-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 45px 25px 60px
}

@media screen and (min-width:1024px) {
    .talon-form-module {
        padding: 80px 25px 120px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1440px) {
    .talon-form-module {
        padding: 80px 100px 120px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .talon-form-module {
        margin-bottom: 100px
    }
}

.talon-form-module__image-wrapper img {
    display: none
}

@media screen and (min-width:1024px) {
    .talon-form-module__image-wrapper img {
        margin-right: 24px;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .talon-form-module__form {
        max-width: 540px
    }
}

.talon-form-module__title {
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
    color: #000;
    margin-bottom: 48px;
    line-height: 1.18
}

@media screen and (min-width:1024px) {
    .talon-form-module__title {
        font-size: 48px
    }
}

.talon-form-module__description {
    margin: 0;
    margin-bottom: 40px
}

.talon-form-module__section {
    padding: 0;
    border: 0;
    margin: 0
}

.talon-form-module__section .container {
    padding: 0
}

.talon-form-module__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.talon-form-module__field {
    width: 100%
}

@media screen and (min-width:1200px) {
    .talon-form-module__row--2cols .talon-form-module__field {
        width: calc(50% - 10px)
    }
}

.talon-form-module__field.text-group {
    margin-bottom: 18px
}

.talon-form-module__field.text-group input[type=number].not-empty+label .placeholder,
.talon-form-module__field.text-group input[type=text].not-empty+label .placeholder {
    opacity: 0
}

.talon-form-module__field.text-group input[type=number]:focus+label .errors,
.talon-form-module__field.text-group input[type=text]:focus+label .errors {
    opacity: 0
}

.talon-form-module__field.text-group textarea.not-empty+label .placeholder {
    opacity: 0
}

.talon-form-module__field.text-group textarea:focus+label .errors {
    opacity: 0
}

.talon-form-module__field .filter-select-wrap {
    margin-bottom: 0;
    width: 100%
}

.talon-form-module__field .filter-select-wrap.error .filter-select-trigger {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.talon-form-module__field .filter-select-wrap.error .filter-select-trigger .errors {
    opacity: 1
}

.talon-form-module__field .filter-select-trigger {
    padding: 24px 45px 24px 20px;
    position: relative
}

.talon-form-module__field .filter-select-trigger .errors {
    color: rgba(223, 27, 33, .95);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    top: -5px
}

.talon-form-module__field .filter-select-list {
    overflow: auto;
    max-height: 288px
}

.talon-form-module__field .filter-select-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9;
    border-radius: 10px;
    margin: 10px
}

.talon-form-module__field .filter-select-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px
}

.talon-form-module__field .filter-select-list::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.talon-form-module__field .filter-select-text {
    font-weight: 500
}

.talon-form-module__field .filter-select-value.active {
    color: #169442
}

.talon-form-module__field .filter-indicator {
    display: none
}

.talon-form-module__field .checkbox {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 23px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.talon-form-module__field .checkbox.hidden {
    display: none
}

.talon-form-module__field .checkbox .checkmark {
    border: 2px solid #169442;
    border-radius: 4px;
    height: 23px;
    width: 23px
}

.talon-form-module__field .checkbox .checkmark:after {
    border-radius: 2px;
    height: 15px;
    left: 2px;
    top: 2px;
    width: 15px
}

.talon-form-module__field .checkbox input:checked~.label {
    color: rgba(0, 0, 0, .88)
}

.talon-form-module__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right
}

.talon-form-module__footer .raq-footer-legal {
    margin-bottom: 40px;
    margin-right: 0
}

@media screen and (min-width:768px) {
    .talon-form-module__footer .raq-footer-legal {
        margin-bottom: 0
    }
}

.talon-form-module__footer .raq-footer-checkbox {
    text-align: left
}

.talon-form-module__footer .btn-red {
    width: 100%
}

@media screen and (min-width:768px) {
    .talon-form-module__footer .btn-red {
        padding: 15px;
        width: 226px
    }
}

.talon-form-module__footer__button-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:768px) {
    .talon-form-module__footer__button-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 30px
    }
}

.talon-form-module__footer__button-container p {
    display: none;
    font-weight: 500;
    margin-right: 20px
}

.talon-form-module__desc {
    font-size: 14px;
    line-height: 24px
}

.video-modal {
    display: none;
    opacity: 0
}

.video-modal.is-open {
    display: block;
    opacity: 1
}

.video-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 100000
}

.video-modal__overlay__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.video-modal__overlay__content__head {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 27px 25px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .video-modal__overlay__content__head {
        padding: 25px 50px
    }
}

.video-modal__overlay__content__head__title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.video-modal__overlay__content__head__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .video-modal__overlay__content__head__close {
        right: 50px
    }
}

.video-modal__overlay__content__head__close svg {
    fill: #fff;
    height: 24px;
    stroke: #169442;
    stroke-width: 3px;
    width: 24px;
    pointer-events: none
}

.video-modal__overlay__content__body {
    position: relative;
    width: 100%;
    height: 100%
}

.video-modal__overlay__content__body__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.video-modal__overlay__content__body__video .ytp-watermark.yt-uix-sessionlink {
    display: none !important
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--2023 .grom-graphics-kit-addition__select {
    min-width: 160px
}

.grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--front {
    right: calc(50% - 106px)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 170px);
        bottom: 14px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 215px);
        bottom: 15px
    }
}

@media screen and (min-width:1200px) {
    .grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 216px)
    }
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--rear {
        bottom: 16px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__item--special .grom-graphics-kit-addition__wheel--rear {
        bottom: 17px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 {
    padding-bottom: 24px
}

@media screen and (max-width:767px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__wrapper {
        margin-bottom: 90px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__background--wrapper {
    border: none
}

@media screen and (max-width:767px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__background--wrapper {
        bottom: -48px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__item--fender {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__item--fender.is-show {
    opacity: 1
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    min-width: 310px;
    overflow: hidden;
    border: solid 1px #dfdfdf;
    -webkit-transform: translateY(72px);
    transform: translateY(72px)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--wrapper {
        -webkit-transform: translateY(62px);
        transform: translateY(62px);
        min-width: 406px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--wrapper {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--v2 {
    padding: 15px 12px 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--v2 {
        padding: 24px 34px 10px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--fender {
    padding: 15px 12px 8px 12px;
    background-color: #f7f7f7
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--fender {
        padding: 24px 34px 10px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--name {
    margin-top: 9px;
    color: #4a4a4a;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 2px
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__select--name {
        margin-top: 12px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender {
    position: relative;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--item {
    display: block;
    max-width: 70px;
    border-radius: 6px;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--item {
        max-width: 78px
    }
}

@media print {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--item {
        max-width: 78px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender:hover {
    opacity: .8
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--icon-check {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--selected .grom-graphics-kit-addition__fender--icon-check {
    display: block
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__find-dealer {
    margin-top: 10px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__find-dealer--buy-now {
    margin-top: 0;
    margin-left: 10px;
    border-width: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__find-dealer--buy-now svg {
    width: 15px;
    margin-right: 7px;
    margin-top: -3px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__find-dealer--find-dealer {
    color: #eaeaea
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__find-dealer--find-dealer svg {
    fill: #ececec
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo {
    margin: 0 5px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo {
        margin-right: 8px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo:last-child {
    margin-right: 0
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo--item {
    max-width: 70px;
    border-radius: 6px;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo--item {
        max-width: 78px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo::after,
.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender::after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    border: solid 3px #169442
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo::before,
.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender::before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 5px;
    z-index: 1;
    border: solid 2px #fff
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo--selected::after,
.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__camo--selected::before,
.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--selected::after,
.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__fender--selected::before {
    opacity: 1
}

.grom-graphics-kit-addition.grom-graphics-kit-addition__fender--2023 .grom-graphics-kit-addition__dollar--number {
    font-size: .875rem;
    line-height: normal;
    display: inline-block
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .lazyload,
.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .lazyloading {
    opacity: 0 !important
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .slick-list {
        padding: 0 23.8% !important
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item {
    padding: 0 40px 4px
}

@media screen and (min-width:576px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item {
        padding: 0 40px 4px
    }
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item {
        padding: 0 28px 4px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item {
        padding: 0 28px 4px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item--img {
        max-width: 464px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__select {
    border: 1px solid #dfdfdf
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__select {
        -webkit-transform: translateY(17px);
        transform: translateY(17px)
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__camo {
    margin: 3px 4px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__camo--item {
    border-radius: 5px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__background {
    height: auto;
    bottom: -1px
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__slider--name__item {
    -webkit-transition: none !important;
    transition: none !important
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item--green-grass .grom-graphics-kit-addition__wheel--front {
    bottom: 7px;
    right: calc(50% - 110px)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item--green-grass .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 177px);
        bottom: 9px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__item--green-grass .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 231px);
        bottom: 14px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__shadow {
    bottom: 3px;
    -webkit-transform: translateX(-50%) rotate(.5deg);
    transform: translateX(-50%) rotate(.5deg)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__shadow {
        bottom: 4px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__shadow {
        max-width: 465px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel {
    bottom: 8px
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel {
        bottom: 13px;
        max-width: 120px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--front {
    max-width: 58px;
    right: calc(50% - 110px)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 176px);
        max-width: 94px;
        bottom: 10px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 229px);
        max-width: 120px;
        bottom: 15px
    }
}

.grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--rear {
    left: calc(50% - 101px);
    max-width: 54px;
    bottom: 10px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--rear {
        bottom: 16px;
        left: calc(50% - 160px);
        max-width: 84px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition.grom-graphics-kit-addition--navi .grom-graphics-kit-addition__wheel--rear {
        max-width: 114px;
        bottom: 19px;
        left: calc(50% - 214px)
    }
}

.grom-graphics-kit-addition {
    background-color: #fff;
    padding: 57px 0 34px;
    font-family: Roboto, sans-serif;
    position: relative;
    z-index: 1;
    margin-bottom: 25px
}

.grom-graphics-kit-addition__wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 48px
}

.grom-graphics-kit-addition__content {
    text-align: center;
    margin-bottom: 32px;
    padding: 0 22px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__content {
        padding: 0;
        max-width: 487px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__content {
        max-width: 450px
    }
}

.grom-graphics-kit-addition__content h2 {
    margin-top: 0;
    margin-bottom: 6px;
    line-height: 1.167
}

.grom-graphics-kit-addition__content p {
    font-size: .875rem;
    line-height: 1.3575;
    margin-top: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.grom-graphics-kit-addition__content>:last-child {
    margin-bottom: 0
}

.grom-graphics-kit-addition__slider--name {
    margin-top: 29px
}

.grom-graphics-kit-addition__slider--name h5 {
    margin: 0;
    font-size: .75rem;
    line-height: 2;
    font-weight: 500;
    color: #4a4a4a
}

.grom-graphics-kit-addition__slider--name:not(.slick-initialized) .grom-graphics-kit-addition__slider--name__item {
    display: none
}

.grom-graphics-kit-addition__slider--name:not(.slick-initialized) .grom-graphics-kit-addition__slider--name__item:first-child {
    display: block
}

@media print {
    .grom-graphics-kit-addition__slider--name__item {
        display: none !important
    }

    .grom-graphics-kit-addition__slider--name__item.slick-active {
        left: 0 !important;
        width: 100% !important;
        display: block !important
    }
}

.grom-graphics-kit-addition__slider:not(.slick-initialized) .grom-graphics-kit-addition__item {
    display: none
}

.grom-graphics-kit-addition__slider:not(.slick-initialized) .grom-graphics-kit-addition__item:first-child {
    display: block;
    text-align: center
}

.grom-graphics-kit-addition__slider.is-spin .grom-graphics-kit-addition__wheel {
    -webkit-animation-name: spin2;
    animation-name: spin2
}

.grom-graphics-kit-addition__slider.is-spin2 .grom-graphics-kit-addition__wheel {
    -webkit-animation-name: spin;
    animation-name: spin
}

.grom-graphics-kit-addition__slider.is-spin--running .grom-graphics-kit-addition__wheel {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media print {
    .grom-graphics-kit-addition__slider .slick-list {
        padding: 0 !important
    }
}

.grom-graphics-kit-addition__item {
    padding: 0 50px 5px;
    position: relative
}

.grom-graphics-kit-addition__item.is-loaded .grom-graphics-kit-addition__item--img,
.grom-graphics-kit-addition__item.is-loaded .grom-graphics-kit-addition__shadow,
.grom-graphics-kit-addition__item.is-loaded .grom-graphics-kit-addition__wheel,
.grom-graphics-kit-addition__item.slick-cloned .grom-graphics-kit-addition__item--img,
.grom-graphics-kit-addition__item.slick-cloned .grom-graphics-kit-addition__shadow,
.grom-graphics-kit-addition__item.slick-cloned .grom-graphics-kit-addition__wheel {
    visibility: visible
}

.grom-graphics-kit-addition__item.slick-cloned .lazyloading {
    opacity: 1
}

.grom-graphics-kit-addition__item--img {
    max-width: 220px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden
}

.grom-graphics-kit-addition__item--img.lazyloaded {
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__item--img {
        max-width: 352px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__item--img {
        max-width: 446px
    }
}

@media screen and (min-width:1200px) {
    .grom-graphics-kit-addition__item--img {
        max-width: 448px
    }
}

@media print {
    .grom-graphics-kit-addition__item--img {
        max-width: 440px
    }
}

.grom-graphics-kit-addition__item--default:not(.is-hide) {
    opacity: 1
}

.grom-graphics-kit-addition__item--camo {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.grom-graphics-kit-addition__item--camo.is-show {
    opacity: 1
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__item--yellow .grom-graphics-kit-addition__wheel--rear {
        bottom: 16px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__item--yellow .grom-graphics-kit-addition__wheel--rear {
        bottom: 17px
    }
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__item {
        padding: 0 28px 5px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__item {
        padding: 0 48px 5px
    }
}

@media print {
    .grom-graphics-kit-addition__item {
        display: none !important
    }

    .grom-graphics-kit-addition__item.slick-active {
        width: 100% !important;
        display: block !important
    }
}

.grom-graphics-kit-addition__wheel {
    max-width: 60px;
    position: absolute;
    bottom: 10px;
    z-index: -1;
    will-change: transform;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    visibility: hidden
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__wheel {
        max-width: 95px;
        bottom: 13px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__wheel {
        bottom: 15px;
        max-width: 122px
    }
}

@media screen and (min-width:1200px) {
    .grom-graphics-kit-addition__wheel {
        max-width: 123px
    }
}

.grom-graphics-kit-addition__wheel--front {
    right: calc(50% - 105px)
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 168px)
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 213px)
    }
}

@media screen and (min-width:1200px) {
    .grom-graphics-kit-addition__wheel--front {
        right: calc(50% - 214px)
    }
}

.grom-graphics-kit-addition__wheel--rear {
    left: calc(50% - 101px);
    bottom: 11px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__wheel--rear {
        bottom: 15px;
        left: calc(50% - 162px)
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__wheel--rear {
        left: calc(50% - 208px)
    }
}

.grom-graphics-kit-addition__shadow {
    position: absolute;
    z-index: -2;
    max-width: 215px;
    left: 50%;
    -webkit-transform: translateX(-48%) rotate(.5deg);
    transform: translateX(-48%) rotate(.5deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    bottom: 5px;
    visibility: hidden
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__shadow {
        max-width: 342px;
        bottom: 6px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__shadow {
        max-width: 435px
    }
}

@media screen and (min-width:1200px) {
    .grom-graphics-kit-addition__shadow {
        bottom: 5px
    }
}

.grom-graphics-kit-addition .slick-arrow {
    border: 1px solid #ececec;
    border-radius: 50%;
    opacity: .9;
    width: 32px;
    height: 32px;
    padding: 8px;
    top: 42%;
    z-index: 1;
    background-color: #fff
}

.grom-graphics-kit-addition .slick-arrow::before {
    content: none
}

.grom-graphics-kit-addition .slick-arrow svg {
    width: 14px;
    height: 14px;
    fill: #169442
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition .slick-arrow {
        width: 50px;
        height: 50px;
        padding: 17px;
        top: 50%
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition .slick-arrow {
        top: 48%
    }
}

@media print {
    .grom-graphics-kit-addition .slick-arrow {
        display: none
    }
}

.grom-graphics-kit-addition .slick-next {
    right: 15px
}

@media screen and (min-width:576px) {
    .grom-graphics-kit-addition .slick-next {
        right: 20.5%
    }
}

.grom-graphics-kit-addition .slick-prev {
    left: 15px
}

@media screen and (min-width:576px) {
    .grom-graphics-kit-addition .slick-prev {
        left: 20.5%
    }
}

.grom-graphics-kit-addition__select {
    text-align: center;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    border-radius: 6px;
    background-color: #fff;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    padding: 6px 4px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__select {
        padding: 8px 7px;
        -webkit-transform: translateY(52px);
        transform: translateY(52px)
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__select {
        -webkit-transform: translateY(11px);
        transform: translateY(11px)
    }
}

.grom-graphics-kit-addition__select--name {
    font-size: .875rem;
    line-height: 1.143;
    margin: 0 0 3px;
    font-weight: 500;
    color: #0f0f0f
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__select--name {
        font-size: 1rem;
        line-height: 1.1875;
        margin-bottom: 4px
    }
}

.grom-graphics-kit-addition__camo {
    position: relative;
    margin: 3px;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s
}

.grom-graphics-kit-addition__camo--item {
    display: block;
    max-width: 60px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__camo--item {
        max-width: 78px
    }
}

@media print {
    .grom-graphics-kit-addition__camo--item {
        max-width: 78px
    }
}

.grom-graphics-kit-addition__camo:hover {
    opacity: .8
}

.grom-graphics-kit-addition__camo--icon-check {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.grom-graphics-kit-addition__camo--selected .grom-graphics-kit-addition__camo--icon-check {
    display: block
}

.grom-graphics-kit-addition__find-dealer {
    margin-top: 26px
}

.grom-graphics-kit-addition__find-dealer .btn-red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grom-graphics-kit-addition__find-dealer .btn-red svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-right: 7px
}

.grom-graphics-kit-addition__find-dealer--2item {
    width: 100%
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__find-dealer--2item {
        width: auto
    }
}

@media print {
    .grom-graphics-kit-addition__find-dealer--2item {
        width: auto
    }
}

.grom-graphics-kit-addition__find-dealer--buy-now.btn-red {
    padding-left: 23px;
    padding-right: 23px
}

.grom-graphics-kit-addition__find-dealer--buy-now.btn-red svg {
    width: 18px;
    height: 21px;
    margin-right: 10px
}

.grom-graphics-kit-addition__find-dealer--link a {
    text-decoration: none;
    color: #4a4a4a;
    font-size: .875rem;
    line-height: 1.143;
    font-weight: 700
}

.grom-graphics-kit-addition__find-dealer--link svg {
    display: inline-block;
    width: 15px;
    height: 15px;
    fill: #169442;
    position: relative;
    top: 2px;
    left: -2px
}

.grom-graphics-kit-addition__find-dealer--link:hover a {
    color: #169442
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__find-dealer--link {
        margin-right: 19px
    }
}

@media print {
    .grom-graphics-kit-addition__find-dealer--link {
        margin-right: 19px
    }
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__find-dealer {
        margin-top: 0
    }
}

.grom-graphics-kit-addition__dollar {
    padding: 0 20px
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__dollar {
        padding: 0 52px
    }
}

.grom-graphics-kit-addition__dollar--number {
    font-weight: 700;
    color: #0f0f0f
}

.grom-graphics-kit-addition__dollar--text {
    font-size: .75rem;
    font-weight: 500
}

.grom-graphics-kit-addition .mosaic-info-base {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center
}

.grom-graphics-kit-addition .mosaic-info-base .disclaimer {
    width: 100%;
    display: inline-block
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition .mosaic-info-base {
        width: auto
    }
}

@media print {
    .grom-graphics-kit-addition .mosaic-info-base {
        width: auto
    }
}

.grom-graphics-kit-addition__background--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 4px;
    width: 100%;
    border-bottom: 2px solid #ececec;
    opacity: 0;
    -webkit-transition: opacity 1.1s;
    transition: opacity 1.1s;
    z-index: -1
}

.grom-graphics-kit-addition__background--wrapper.is-show {
    opacity: 1
}

.grom-graphics-kit-addition__background--wrapper.is-show .grom-graphics-kit-addition__background {
    opacity: 1
}

.grom-graphics-kit-addition__background--wrapper.is-show .grom-graphics-kit-addition__background::after {
    opacity: 1;
    height: 0;
    -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94), opacity 0s;
    transition: all .8s cubic-bezier(.25, .46, .45, .94), opacity 0s
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__background--wrapper {
        bottom: -18px
    }
}

@media screen and (min-width:1024px) {
    .grom-graphics-kit-addition__background--wrapper {
        bottom: 21px
    }
}

.grom-graphics-kit-addition__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1
}

.grom-graphics-kit-addition__background::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #fff;
    will-change: height, opacity
}

@media print {
    .grom-graphics-kit-addition__background::after {
        content: none
    }
}

@media print {
    .grom-graphics-kit-addition .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }
}

.grom-disclaimer {
    color: #9f9f9f;
    font: normal normal 400 12px/14px Roboto, sans-serif;
    font-family: Roboto, sans-serif;
    letter-spacing: 0;
    margin-top: 28px;
    text-align: center;
    width: 100%
}

.grom-disclaimer:empty {
    display: none
}

@media screen and (min-width:768px) {
    .grom-graphics-kit-addition__dollar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes spin2 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.help-me-choose-landing {
    padding: 0
}

.help-me-choose-landing__overview .header {
    padding: 44px 25px 28px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview .header {
        padding: 49px 50px 30px
    }
}

.help-me-choose-landing__overview .header-title {
    margin: 0;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview .header-title {
        font-size: 36px;
        letter-spacing: .61px
    }
}

.help-me-choose-landing__overview__hero {
    position: relative
}

.help-me-choose-landing__overview__hero__slider__bg {
    height: 219px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 3px solid #169442
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview__hero__slider__bg {
        height: 448px;
        border-top: 4px solid #169442
    }
}

.help-me-choose-landing__overview__hero__image {
    display: none;
    z-index: 1;
    position: absolute;
    height: 186px;
    width: 189px;
    top: 95px;
    right: 25px
}

@-webkit-keyframes cf3FadeInOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes cf3FadeInOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.help-me-choose-landing__overview__hero__image.active {
    display: block
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview__hero__image {
        height: 362px;
        width: 368px;
        top: 211px;
        right: 38px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__overview__hero__image {
        height: auto;
        width: auto;
        top: 261px;
        right: 96px;
        max-width: 368px
    }
}

.help-me-choose-landing__overview__content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 85px 25px 90px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview__content {
        padding: 161px 50px 88px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__overview__content {
        padding-top: 51px
    }
}

.help-me-choose-landing__overview__content__title {
    margin: 0;
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: .81px;
    line-height: 32px;
    text-transform: uppercase;
    max-width: 200px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__overview__content__title {
        font-size: 42px;
        letter-spacing: 1.07px;
        line-height: 49px;
        max-width: 100%
    }
}

.help-me-choose-landing__overview__content__body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 13px 0 30px
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__overview__content__body {
        max-width: 453px
    }
}

.help-me-choose-landing__overview__content .btn-red {
    min-width: 181px;
    height: 43px;
    padding: 12.5px 15px
}

.help-me-choose-landing__tips {
    background-color: #fff;
    border-top: 4px solid #169442
}

.help-me-choose-landing__tips__content {
    padding: 61px 25px 14px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__tips__content {
        padding: 78px 50px 15px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__tips__content {
        padding-bottom: 53px
    }
}

.help-me-choose-landing__tips__title {
    margin: 0 auto;
    margin-bottom: 60px;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .54px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    max-width: 248px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__tips__title {
        max-width: 100%;
        font-size: 36px;
        letter-spacing: .61px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__tips__title {
        text-align: left
    }
}

.help-me-choose-landing__tips__tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__tips__tip {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__tips__tip {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 25px
    }

    .start-left .help-me-choose-landing__tips__tip:nth-of-type(odd) .help-me-choose-landing__tips__tip__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 50px
    }

    .start-left .help-me-choose-landing__tips__tip:nth-of-type(even) .help-me-choose-landing__tips__tip__image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 50px
    }

    .start-right .help-me-choose-landing__tips__tip:nth-of-type(odd) .help-me-choose-landing__tips__tip__image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 50px
    }

    .start-right .help-me-choose-landing__tips__tip:nth-of-type(even) .help-me-choose-landing__tips__tip__image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 50px
    }
}

@media screen and (max-width:768px) {
    .help-me-choose-landing__tips__tip__image {
        max-width: 100%
    }
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__tips__tip__image {
        max-width: 375px
    }
}

.help-me-choose-landing__tips__tip__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.help-me-choose-landing__tips__tip__content__title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    font-family: Roboto, sans-serif;
    margin: 12px 0;
    text-align: center
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__tips__tip__content__title {
        text-align: left;
        margin-top: 36px
    }
}

.help-me-choose-landing__tips__tip__content__body {
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .help-me-choose-landing__tips__tip__content__body {
        text-align: left
    }
}

.help-me-choose-landing__tips__footer {
    padding: 0 25px
}

.help-me-choose-landing__tips__footer .btn-red {
    width: 100%;
    margin-bottom: 83px
}

@media screen and (min-width:768px) {
    .help-me-choose-landing__tips__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 40px 50px 36px;
        -webkit-box-shadow: inset 0 4px 0 0 #ececec;
        box-shadow: inset 0 4px 0 0 #ececec
    }

    .help-me-choose-landing__tips__footer .btn-red {
        min-width: 181px;
        width: auto;
        margin: 0;
        height: 43px;
        padding: 12.5px 15px
    }
}

.help-me-choose-tool.container {
    padding: 0
}

.help-me-choose-tool__header {
    border-bottom: 4px solid #169442
}

.help-me-choose-tool__header .header-title {
    text-transform: uppercase
}

.help-me-choose-tool .help-me-choose-option-card {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.help-me-choose-tool .help-me-choose-option-card.selected {
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19)
}

.help-me-choose-tool .help-me-choose-option-card__content {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px 16px
}

.help-me-choose-tool .help-me-choose-option-card__content__label {
    margin: 0 0 10px;
    color: rgba(0, 0, 0, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center
}

.help-me-choose-tool .help-me-choose-option-card__content__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .5)
}

.help-me-choose-tool .help-me-choose-option-card__content__button svg {
    fill: #169442;
    height: 16px;
    width: 16px
}

.help-me-choose-tool .help-me-choose-option-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.help-me-choose-tool .help-me-choose-option-button__label {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center;
    margin: 10px 0 0
}

.help-me-choose-tool .help-me-choose-option-button__radio-button {
    border: none;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    cursor: pointer;
    padding: 0
}

.help-me-choose-tool .help-me-choose-option-button__radio-button__wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 31px;
    height: 31px
}

.help-me-choose-tool .help-me-choose-option-button__radio-button svg {
    fill: #169442;
    height: 16px;
    width: 16px
}

.help-me-choose-tool .help-me-choose-price-wrapper {
    width: 100%
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-price-wrapper {
        width: auto
    }
}

.help-me-choose-tool .help-me-choose-price-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 28px 0
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-price-range {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }
}

.help-me-choose-tool .help-me-choose-price-range h2 {
    margin: 0;
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1.13px;
    line-height: 42px
}

.help-me-choose-tool .help-me-choose-price-range h2 sup {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .29px;
    line-height: 42px;
    text-align: center
}

.help-me-choose-tool .help-me-choose-price-range__range-container {
    width: 100%;
    margin: 0 28px
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-price-range__range-container {
        width: 180px
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-tool .help-me-choose-price-range__range-container {
        width: 250px
    }
}

.help-me-choose-tool .help-me-choose-price-range__mobile-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__desktop-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 52px 22px;
    border-radius: 60.5px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    margin-bottom: 24px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-list {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-bottom: 26px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .help-me-choose-option-button {
    position: relative;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    padding: 26px 32.5px 22px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .help-me-choose-option-button::after,
.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .help-me-choose-option-button::before {
    content: "";
    position: absolute;
    background: #fff;
    z-index: 1
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:first-of-type .help-me-choose-option-button {
    border-top-left-radius: 60.5px;
    border-bottom-left-radius: 60.5px;
    padding-left: 40px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:first-of-type .help-me-choose-option-button::after {
    bottom: 0;
    right: 0;
    top: 0;
    width: 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:nth-of-type(2) .help-me-choose-option-button::before {
    bottom: 0;
    left: 0;
    top: 0;
    width: 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:nth-of-type(2) .help-me-choose-option-button::after {
    bottom: 0;
    right: 0;
    top: 0;
    width: 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:last-of-type .help-me-choose-option-button {
    border-top-right-radius: 60.5px;
    border-bottom-right-radius: 60.5px;
    padding-right: 40px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level__mobile-filter .slick-track .slick-slide:last-of-type .help-me-choose-option-button::before {
    bottom: 0;
    left: 0;
    top: 0;
    width: 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__experience-level .help-me-choose-tool__steps__dots {
    margin-bottom: 107px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style .help-me-choose-option-card {
    margin-bottom: 32px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style .help-me-choose-option-card__item {
    padding: 20px 25px 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style .help-me-choose-option-card__item img {
    width: 100%
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__desktop-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__desktop-filter .help-me-choose-option-card {
    width: calc(25% - 12px);
    margin-right: 16px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__desktop-filter .help-me-choose-option-card:last-of-type,
.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__desktop-filter .help-me-choose-option-card:nth-of-type(4n) {
    margin-right: 0
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__mobile-filter .slick-slide {
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__mobile-filter .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__mobile-filter .help-me-choose-option-card {
    margin-bottom: 24px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__mobile-filter .help-me-choose-option-card__item {
    padding: 20px 16px 25px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__motorcyle-style__mobile-filter .help-me-choose-option-card__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.help-me-choose-tool .help-me-choose-tool__navigation {
    padding: 32px 25px 29px;
    background: #fff
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__navigation {
        padding: 32px 50px
    }
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__button {
    padding: 16px;
    border-radius: 4px;
    background-color: #169442;
    border: none;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__button span {
    display: none
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__navigation__inner__button span {
        display: block
    }
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__button svg {
    height: 16px;
    width: 16px;
    fill: #fff
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__navigation__inner__button svg.left-arrow {
        margin-right: 46px
    }

    .help-me-choose-tool .help-me-choose-tool__navigation__inner__button svg.right-arrow {
        margin-left: 46px
    }
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__button.finish-step:disabled {
    background: #d8d8d8;
    border-color: #d8d8d8;
    color: #4a4a4a;
    cursor: auto
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__button.finish-step:disabled svg {
    fill: #4a4a4a
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__progress {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__navigation__inner__progress {
        padding: 0 52px
    }
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__progress__bar {
    height: 8px;
    border-radius: 8px;
    background-color: #ececec;
    position: relative
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__progress__bar__filled {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 0%;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    border-radius: 8px;
    background-color: #169442
}

.help-me-choose-tool .help-me-choose-tool__navigation__inner__progress__caption {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: 4px;
    color: rgba(126, 126, 126, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .29px;
    line-height: 24px;
    text-align: center
}

.help-me-choose-tool .help-me-choose-tool__results {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 41px 25px 90px
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__results {
        padding: 48px 50px 140px
    }
}

.help-me-choose-tool .help-me-choose-tool__results__models-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.help-me-choose-tool .help-me-choose-tool__results__category-title {
    margin: 0 0 24px
}

.help-me-choose-tool .help-me-choose-tool__results__category-title:not(:first-of-type) {
    margin-top: 74px
}

.help-me-choose-tool .help-me-choose-tool__results .trim-container {
    width: 100%;
    min-width: auto
}

.help-me-choose-tool .help-me-choose-tool__results .trim-container .trim-main {
    padding-top: 13px;
    padding-bottom: 36px
}

.help-me-choose-tool .help-me-choose-tool__results .trim-container .trim-main .colorswatch-image-container {
    padding: 0
}

.help-me-choose-tool .help-me-choose-tool__results .trim-container .details,
.help-me-choose-tool .help-me-choose-tool__results .trim-container .select {
    height: auto;
    padding: 10px 12px
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .help-me-choose-tool .help-me-choose-tool__results .trim-container {
        width: calc(33.33% - 11px);
        margin: 0 16px 16px 0
    }

    .help-me-choose-tool .help-me-choose-tool__results .trim-container:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (min-width:1024px) {
    .help-me-choose-tool .help-me-choose-tool__results .trim-container {
        width: calc(25% - 12px);
        margin: 0 16px 16px 0
    }

    .help-me-choose-tool .help-me-choose-tool__results .trim-container:nth-of-type(4n) {
        margin-right: 0
    }
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__desktop-filter {
    margin-bottom: 40px;
    padding-left: 27px;
    padding-right: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__desktop-filter>:first-child {
    margin-right: 24px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__desktop-filter .help-me-choose-option-card__item {
    padding: 25px 25px 22px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__mobile-filter .slick-slide {
    padding: 0 22px 0
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__mobile-filter .help-me-choose-option-card {
    margin-bottom: 24px;
    padding: 25px 25px 0
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__mobile-filter .help-me-choose-option-card__content {
    padding-left: 0;
    padding-right: 0
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-style__mobile-filter .help-me-choose-option-card__item {
    padding-bottom: 22px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type .help-me-choose-option-card {
    position: relative;
    margin-bottom: 32px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type .help-me-choose-option-card__item {
    padding: 8px 8px 15px;
    width: 100%
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type .help-me-choose-option-card__item__bg {
    height: 110px;
    width: 100%;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__desktop-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:1024px) {
    .help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__desktop-filter {
        padding-left: 110px;
        padding-right: 110px
    }
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__desktop-filter .help-me-choose-option-card {
    width: calc(33.33% - 16px);
    margin-right: 24px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__desktop-filter .help-me-choose-option-card:nth-of-type(3n) {
    margin-right: 0
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__mobile-filter .slick-slide {
    margin: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__mobile-filter .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__mobile-filter .help-me-choose-option-card {
    margin-bottom: 24px
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__riding-type__mobile-filter .help-me-choose-option-card__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.help-me-choose-tool .help-me-choose-tool__steps {
    border-bottom: 4px solid #169442;
    background-color: #fff;
    padding: 16px 0 20px
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__steps {
        padding: 16px 50px 20px
    }
}

.help-me-choose-tool .help-me-choose-tool__steps.final .help-me-choose-tool__steps__footer {
    padding-top: 0
}

.help-me-choose-tool .help-me-choose-tool__steps__title {
    margin: 0;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    letter-spacing: .41px;
    line-height: 24px;
    text-align: center;
    padding: 0 20px
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__steps__title {
        letter-spacing: .49px;
        font-size: 24px;
        padding: 0
    }
}

.help-me-choose-tool .help-me-choose-tool__steps__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 25px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__steps__footer {
        padding: 20px 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info.reset-active {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .help-me-choose-tool .help-me-choose-tool__steps__footer__info {
        width: auto;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info__reset-button {
    padding: 16px 32px;
    background-color: #169442;
    font-family: Roboto, sans-serif;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info__model-count {
    text-align: center;
    margin-left: 28px
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info__model-count__number {
    margin: 0;
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -2.77px;
    line-height: 42px
}

.help-me-choose-tool .help-me-choose-tool__steps__footer__info__model-count__label {
    margin: 0;
    margin-top: 1px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px
}

.help-me-choose-tool .help-me-choose-tool__steps__dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 17px
}

.help-me-choose-tool .help-me-choose-tool__steps__dots__dot {
    height: 8px;
    width: 8px;
    background-color: #ececec;
    border-radius: 100%;
    margin: 0 4px
}

.help-me-choose-tool .help-me-choose-tool__steps__dots__dot.active {
    background-color: #169442
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__transmission-type__filter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.help-me-choose-tool__steps .help-me-choose-tool__steps__transmission-type__desktop-filter {
    width: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 52px 22px;
    margin-bottom: 24px;
    border-radius: 60.5px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .19)
}

@media screen and (min-width:768px) {
    .help-me-choose-tool__steps .help-me-choose-tool__steps__transmission-type__desktop-filter {
        width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .help-me-choose-tool__steps .help-me-choose-tool__steps__transmission-type__desktop-filter>:first-child {
        margin-right: 96px
    }
}

.hero-dct {
    background: #fff;
    padding: 60px 0 30px;
    letter-spacing: .36px;
    position: relative;
    z-index: 0
}

@media screen and (min-width:768px) {
    .hero-dct {
        padding: 90px 0 67px
    }
}

.hero-dct__img {
    position: relative;
    padding-left: 48px;
    margin-bottom: 23px;
    opacity: 0;
    -webkit-transform: translateY(40%);
    transform: translateY(40%)
}

@media screen and (min-width:768px) {
    .hero-dct__img {
        padding-left: 39px
    }
}

@media print {
    .hero-dct__img {
        padding-left: 70px
    }
}

.hero-dct__content {
    opacity: 0;
    -webkit-transform: translateY(40%);
    transform: translateY(40%)
}

.hero-dct img {
    display: block;
    height: auto
}

.hero-dct--hero {
    width: 100%;
    max-width: 100%;
    background-color: #dadada
}

.hero-dct--logo {
    width: auto;
    position: absolute;
    z-index: 2;
    top: 8%;
    left: 18px;
    max-width: 285px;
    width: 57%
}

@media screen and (min-width:768px) {
    .hero-dct--logo {
        left: -11px
    }
}

@media screen and (min-width:768px) {
    .hero-dct__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-dct__col6 {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%
    }

    .hero-dct__img {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
}

.hero-dct__content {
    padding: 15px 26px 0
}

.hero-dct__content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .hero-dct__content {
        padding: 20px 55px 0 50px;
        max-width: 464px;
        margin-left: auto
    }
}

@media screen and (min-width:1024px) {
    .hero-dct__content {
        padding: 40px 93px 0 5px
    }
}

.hero-dct h1,
.hero-dct h2,
.hero-dct h3,
.hero-dct h4,
.hero-dct h5,
.hero-dct h6 {
    font-family: Roboto, sans-serif
}

.hero-dct h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .41px;
    color: rgba(0, 0, 0, .88);
    margin: 0 0 16px
}

@media screen and (min-width:768px) {
    .hero-dct h1 {
        font-size: 34px;
        line-height: 1.06;
        letter-spacing: .58px;
        margin-bottom: 26px
    }
}

.hero-dct h2 {
    font-size: 20px
}

@media screen and (min-width:768px) {
    .hero-dct h2 {
        font-size: 27px
    }
}

.hero-dct h3 {
    font-size: 18px
}

@media screen and (min-width:768px) {
    .hero-dct h3 {
        font-size: 23px
    }
}

.hero-dct h4 {
    font-size: 17px
}

@media screen and (min-width:768px) {
    .hero-dct h4 {
        font-size: 20px
    }
}

.hero-dct h5 {
    color: #df1c21;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .24px;
    margin: 0 0 5px
}

@media screen and (min-width:768px) {
    .hero-dct h5 {
        margin-bottom: 3px
    }
}

.hero-dct li {
    margin-bottom: 10px
}

.hero-dct ol ol,
.hero-dct ol ul,
.hero-dct ul ol,
.hero-dct ul ul {
    margin-top: 10px
}

.hero-dct p {
    margin: 0 0 18px
}

.hero-dct a {
    color: #df1c21
}

.hero-dct a:hover {
    text-decoration: none
}

.hero-dct--btn-play {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .36px;
    text-decoration: none;
    display: inline-block;
    margin-top: 6px;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    background: 0 0;
    padding: 0
}

.hero-dct--btn-play svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.hero-dct--btn-play:hover {
    color: #df1c21
}

@media screen and (min-width:768px) {
    .hero-dct--btn-play {
        margin-top: 15px
    }
}

.hero-video {
    position: relative;
    z-index: 4
}

.hero-video .video-modal {
    display: block;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: .15s;
    transition: .15s
}

.hero-video .video-modal .video-modal__overlay {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .15s;
    transition: .15s
}

.hero-video .video-modal .video-modal__overlay__content__head__title {
    text-transform: inherit
}

.hero-video .video-modal.is-open {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: visible
}

.hero-video .video-modal.is-open .video-modal__overlay {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s;
    transition: .3s
}

.home {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

@media screen and (min-width:768px) {
    .home {
        top: 0
    }
}

@media screen and (min-width:1024px) {
    .home-main-parralax {
        background: #ececec;
        position: relative;
        z-index: 10
    }
}

.home-main-parralax-bg {
    display: none
}

@media screen and (min-width:1024px) {
    .home-main-parralax-bg {
        background: #ececec;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.homepage .header-wrap {
    position: fixed;
    top: 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .homepage .header-wrap {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999
    }
}

@media screen and (min-width:1024px) {
    .homepage .header-space-virtual {
        height: 0 !important
    }
}

.hondacare-detail {
    background-color: #fff;
    padding: 0
}

@media screen and (min-width:768px) {
    .hondacare-detail {
        padding-bottom: 50px
    }
}

.hondacare-detail .header-description {
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: none
}

.hondacare-detail .header-title+.header-description {
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .hondacare-detail .header-title+.header-description {
        margin-top: 50px;
        max-width: 920px
    }
}

.hondacare-detail .header-title+.header-description>*+* {
    margin-top: 25px
}

.hondacare-detail__back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.hondacare-detail__back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.hondacare-detail__back:hover {
    color: #169442
}

.hondacare-detail__back svg {
    position: relative;
    top: -1px;
    margin-right: 4px;
    margin-left: -2px
}

@media screen and (min-width:768px) {
    .hondacare-detail__back svg {
        margin-right: 8px
    }
}

.hondacare-landing {
    background-color: #fff;
    padding: 0
}

.hondacare-landing .header-description {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: none
}

.hondacare-landing .header-description a {
    color: #169442;
    text-decoration: none
}

.hondacare-landing .header-description a:hover {
    color: #880f13
}

.hondacare-landing .header-description h2 {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px
}

.hondacare-landing .header-description ol,
.hondacare-landing .header-description ul {
    margin-top: 0;
    padding-left: 15px
}

.hondacare-landing .header-description h2+p {
    margin-top: 18px
}

@media screen and (min-width:1024px) {
    .hondacare-landing .header-description h2+p {
        margin-top: -1px
    }
}

.hondacare-landing .header-description p+p {
    margin-top: 22px
}

.hondacare-landing .header-description p+ol,
.hondacare-landing .header-description p+ul {
    margin-top: -13px
}

.hondacare-landing .header-description ol,
.hondacare-landing .header-description ul {
    list-style: none;
    padding: 0
}

.hondacare-landing .header-description li {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 28px;
    position: relative
}

.hondacare-landing .header-description li:before {
    background-color: #169442;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 12px
}

*+.hondacare-landing .header-description li {
    margin-top: 10px
}

.hondacare-landing .header-title+.header-description {
    margin-top: 52px
}

@media screen and (min-width:768px) {
    .hondacare-landing .header-title+.header-description {
        margin-top: 42px
    }
}

.hondacare-landing .header-title+.header-description>*+* {
    margin-bottom: 0;
    margin-top: 25px
}

.millenial-landing.container {
    padding-left: 0;
    padding-right: 0
}

.millenial-landing .banner-module-image,
.millenial-landing .banner-module-image img {
    width: 100%
}

@media screen and (min-width:768px) {
    .millenial-landing .banner-module .banner-module-cta {
        min-width: unset;
        width: 174px
    }
}

.millenial-landing .alt-image-content .alt-image-content-image {
    z-index: -1
}

.millenial-landing .interstitial .banner-module-content {
    padding-top: 42px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.millenial-landing .interstitial .banner-module-content .banner-module-title {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px
}

.millenial-landing .interstitial .banner-module-content .banner-module-description {
    color: #000;
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 24px
}

.millenial-landing .interstitial .banner-module-content .banner-module-cta {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    min-width: 222px;
    padding: 0 50px;
    text-decoration: none
}

.millenial-landing .interstitial .banner-module-content .banner-module-cta:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .millenial-landing .interstitial .banner-module-content .banner-module-cta:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.millenial-landing .trending {
    background: url(/images/patterns/bg-black-diagonal.png) #090101;
    padding: 72px 25px 137px
}

@media screen and (min-width:768px) {
    .millenial-landing .trending {
        padding-left: 50px;
        padding-right: 50px
    }
}

.millenial-landing .trending__title {
    margin: 0;
    margin-bottom: 61px;
    color: rgba(255, 255, 255, .95);
    font-size: 36px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .61px;
    line-height: 36px
}

.millenial-landing .trending__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .millenial-landing .trending__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.millenial-landing .trending__content__item__icon {
    fill: #fff;
    position: absolute;
    top: 12px;
    right: 12px
}

.millenial-landing .trending__content__item>div {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.millenial-landing .trending__content__item.feature {
    width: 100%
}

.millenial-landing .trending__content__item.feature>div {
    margin-bottom: 18px;
    height: 420px;
    width: 100%
}

@media screen and (min-width:768px) {
    .millenial-landing .trending__content__item.feature {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        margin-right: 18px;
        margin-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .millenial-landing .trending__content__item-list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.millenial-landing .trending__content__item-list .trending__content__item {
    width: 100%
}

.millenial-landing .trending__content__item-list .trending__content__item>div {
    height: 204px;
    width: 100%
}

.millenial-landing .trending__content__item-list .trending__content__item:first-of-type>div {
    height: 198px;
    margin-bottom: 18px
}

.millenial-landing .segment-resources {
    background: #fff;
    padding-bottom: 120px
}

.millenial-landing .segment-resources>h2 {
    padding-top: 96px;
    margin-bottom: 42px;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: .61px;
    line-height: 36px;
    text-transform: uppercase
}

.accessories.model-landing {
    padding: 0;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.accessories.model-landing:empty {
    background: #fff;
    padding-bottom: 8px
}

.accessories.model-landing+section {
    margin-top: -8px
}

.accessories.model-landing+.care-wrap {
    border-top: 8px solid #fff
}

.accessories.model-landing .header-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 34px;
    margin-top: 0;
    padding: 34px 25px 0
}

@media screen and (min-width:768px) {
    .accessories.model-landing .header-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .accessories.model-landing .header-title {
        margin-bottom: 0;
        padding: 72px 50px 33px
    }
}

.accessories.model-landing .listing-wrap {
    background: unset;
    border-left: 0;
    margin: 0;
    padding: 0 25px 120px
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap {
        padding: 0 50px 98px
    }
}

.accessories.model-landing .listing-wrap .listing-sub-wrap {
    clear: both;
    padding-left: 0
}

.accessories.model-landing .listing-wrap .listing-img-mobile {
    cursor: pointer;
    padding: 0;
    width: 100%
}

.accessories.model-landing .listing-wrap .listing-img {
    cursor: pointer;
    height: 120px;
    width: 120px
}

.accessories.model-landing .listing-wrap .info-wrap {
    cursor: pointer;
    min-height: 180px;
    padding: 0 15px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .info-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 20px 0 44px;
        min-height: auto;
        padding: unset
    }
}

.accessories.model-landing .listing-wrap .product-info {
    border-bottom: 1px solid #dfdfdf;
    display: block;
    width: 100%
}

.accessories.model-landing .listing-wrap .to-details {
    position: absolute;
    right: 0;
    top: 22px;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .to-details {
        right: 0;
        top: 14px
    }
}

.accessories.model-landing .listing-wrap .product-title {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 23px
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .product-title {
        margin-bottom: 3px;
        margin-top: 16px
    }
}

.accessories.model-landing .listing-wrap .product-price {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    margin-bottom: 22px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .product-price {
        margin-bottom: 12px
    }
}

.accessories.model-landing .listing-wrap .links {
    display: block;
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .links {
        float: right;
        margin-top: 13px
    }
}

.accessories.model-landing .listing-wrap .link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 19px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .link:first-child {
        margin-right: 37px
    }
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0
    }
}

.accessories.model-landing .listing-wrap .icon {
    fill: #169442;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.accessories.model-landing .listing-wrap .footer {
    text-align: center
}

.accessories.model-landing .listing-wrap .footer .btn-outline {
    width: 100%
}

@media screen and (min-width:768px) {
    .accessories.model-landing .listing-wrap .footer .btn-outline {
        margin-top: 50px;
        width: 300px
    }
}

.accessories.model-landing .accessories-dropdown {
    max-width: 340px
}

.accessories.model-landing .accessories-dropdown .trim-select-trigger {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

@media screen and (max-width:767px) {
    .accessories.model-landing .accessories-dropdown {
        margin: 34px 25px
    }
}

@media screen and (min-width:768px) {
    .accessories.model-landing .accessories-dropdown {
        margin: 2px 50px 30px
    }
}

.care-wrap.container {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:768px) {
    .care-wrap.container {
        margin-bottom: 0
    }
}

.care-wrap.container .row {
    margin: 0
}

.care-wrap.container h3 {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .51px;
    line-height: 36px;
    margin-bottom: 0
}

.care-wrap.container .header {
    background: inherit;
    margin-bottom: 2px;
    padding: 0;
    text-transform: none
}

.care-wrap.container .subheader {
    line-height: 1em;
    margin-top: 0;
    text-transform: uppercase
}

.care-wrap.container .subtitle {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .care-wrap.container .subtitle {
        margin-top: 3px
    }
}

.care-wrap.container img {
    display: block;
    height: 100%;
    width: 100%
}

.care-wrap.container a {
    width: calc(100% - 30px)
}

@media screen and (min-width:768px) {
    .care-wrap.container a {
        width: 221px
    }
}

.care-wrap.container a.btn-red {
    width: 100%
}

@media screen and (min-width:768px) {
    .care-wrap.container a.btn-red {
        width: 221px
    }
}

.care-wrap.container p {
    font-size: 16px;
    margin: 29px 0 40px
}

.care-wrap.container .img {
    padding-left: 0;
    padding-right: 0
}

.care-wrap.container .info {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 25px 90px
}

@media screen and (min-width:768px) {
    .care-wrap.container .info {
        padding: 72px 60px 93px;
        max-width: 50%
    }
}

@media screen and (min-width:1024px) {
    .care-wrap.container .info {
        padding-top: 91px;
        padding-bottom: 91px
    }
}

@media screen and (min-width:1200px) {
    .care-wrap.container .info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.carplay-image {
    overflow: hidden
}

.carplay-image__pic {
    display: block;
    width: 29%;
    max-width: 318px;
    margin: 0 auto
}

@media screen and (max-width:1023px) {
    .carplay-image__pic {
        width: 29%;
        max-width: 300px
    }
}

@media screen and (max-width:575px) {
    .carplay-image__pic {
        width: 60%;
        max-width: none
    }
}

.carplay-wrap__image-slider {
    padding-top: 58px
}

@media screen and (max-width:1023px) {
    .carplay-wrap__image-slider {
        padding-top: 5%
    }
}

@media screen and (max-width:767px) {
    .carplay-wrap__image-slider {
        padding-top: 6%
    }
}

@media screen and (max-width:575px) {
    .carplay-wrap__image-slider {
        padding-top: 9%
    }
}

.carplay-dashboard {
    display: block;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}

.carplay-dashboard__wrapper {
    position: absolute;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:575px) {
    .carplay-dashboard {
        width: 200%;
        max-width: none;
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }
}

.carplay-content__slider .slick-dots {
    margin-bottom: -5px;
    text-align: center;
    z-index: 1
}

.carplay-content__slider .slick-dots li {
    margin: 3px 0;
    height: 20px;
    width: 20px
}

.carplay-content__slider .slick-dots li .slick-dot {
    line-height: 0;
    position: relative;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.carplay-content__slider .slick-dots li .slick-dot::before {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 6px;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    border-radius: 50%;
    background-color: #fff
}

.carplay-content__slider .slick-dots li.slick-active .slick-dot::before {
    top: 0;
    left: 4px;
    width: 10px;
    height: 10px;
    opacity: 1;
    border: 1px solid #fff;
    background-color: transparent
}

.carplay-slide__content {
    width: 65%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:575px) {
    .carplay-slide__content {
        width: 80%
    }
}

.carplay-slide__icon {
    width: 60px;
    height: 60px;
    fill: #fff
}

.carplay-slide__title {
    font-size: 42px;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    padding: 30px 0;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #169442;
    margin: 0
}

@media screen and (max-width:767px) {
    .carplay-slide__title {
        padding: 20px
    }
}

@media screen and (max-width:575px) {
    .carplay-slide__title {
        font-size: 30px;
        padding: 10px 0 30px
    }
}

.carplay-slide__desc {
    font-size: 14px;
    color: #fff;
    line-height: 1.75;
    margin: 0
}

.carplay-slide__desc sup {
    font-size: .6em;
    vertical-align: super
}

.carplay-slide__copy {
    font-size: 10px;
    display: block;
    padding-top: 150px;
    text-align: center;
    color: #c5c5c5
}

@media screen and (max-width:1023px) {
    .carplay-slide__copy {
        padding-top: 100px
    }
}

.carplay-slide i {
    font-style: italic
}

.carplay-wrap {
    background: url(/images/patterns/bg-black-diagonal.png) #090101;
    position: relative;
    padding: 0
}

.carplay-wrap__images {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 80px;
    padding-bottom: 42.61%;
    background-image: radial-gradient(ellipse at center, #162dd1 0, rgba(0, 0, 0, 0) 65%)
}

@media screen and (max-width:767px) {
    .carplay-wrap__images {
        padding-top: 60px
    }
}

@media screen and (max-width:575px) {
    .carplay-wrap__images {
        padding-bottom: 105%;
        background-image: radial-gradient(ellipse at center, #162dd1 0, rgba(0, 0, 0, 0) 55%);
        background-position-x: -200px;
        background-position-y: -40px;
        background-size: 800px 300px
    }
}

.carplay-wrap__images:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52%;
    content: "";
    background-color: #ececec;
    background-image: radial-gradient(#f9f9f9, #ececec)
}

.carplay-wrap .cases {
    text-transform: none
}

.carplay-controls {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
    .carplay-controls {
        display: none
    }
}

.carplay-controls__trigger {
    line-height: 0;
    position: absolute;
    z-index: 50;
    top: 30%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent
}

.carplay-controls__trigger svg {
    -webkit-transition: all .3s;
    transition: all .3s
}

.carplay-controls__trigger:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.carplay-controls__trigger--next {
    right: 5%
}

.carplay-controls__trigger--prev {
    left: 5%
}

.carplay-controls__trigger--prev svg {
    margin-left: -5px
}

.carplay-controls__icon {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    fill: #169442
}

.dct-benefits-break {
    background-color: #090101;
    color: rgba(255, 255, 255, .95);
    padding: 36px 0 61px;
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .dct-benefits-break {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 85px 77px 100px
    }
}

.dct-benefits-break__inner {
    opacity: 0;
    padding: 20px 24px;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

@media screen and (min-width:768px) {
    .dct-benefits-break__inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }
}

.dct-benefits-break__inner .dct-benefits-break__content {
    border: 1px solid #575757;
    padding: 29px 30px 33px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 100%
}

.dct-benefits-break__inner .dct-benefits-break__content .dct-benefits-break__new {
    display: none
}

.dct-benefits-break__inner .dct-benefits-break__content--new .dct-benefits-break__new {
    color: rgba(223, 27, 33, .95);
    display: block;
    margin: 0;
    font-style: italic;
    font-size: 12px;
    font-weight: 500;
    float: right;
    text-transform: uppercase
}

.dct-benefits-break__inner .dct-benefits-break__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 52px;
    height: 52px;
    margin-bottom: 26px
}

.dct-benefits-break__inner .dct-benefits-break__image img {
    max-width: 52px
}

.dct-benefits-break__inner h2 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 17px
}

.dct-benefits-break__inner .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct-benefits-break__inner p {
    color: #bcbcbc;
    margin: 32px 0 0;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.dct-benefits-carousel {
    background-color: #1a1818;
    color: rgba(255, 255, 255, .95);
    overflow: hidden
}

.dct-benefits-carousel .slick-list {
    overflow: visible
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel {
        padding: 70px 0 105px 0
    }
}

.dct-benefits-carousel .gallery {
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel .gallery {
        padding-right: 30%
    }
}

@media screen and (min-width:1600px) {
    .dct-benefits-carousel .gallery {
        padding-right: 20%
    }
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 34px
}

@media screen and (max-width:767px) {
    .dct-benefits-carousel .dct-benefits-carousel__slider-controls {
        display: none;
        margin-top: 7px;
        padding-bottom: 30px
    }
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls>button {
    background: 0 0;
    border: none;
    padding: 0;
    cursor: pointer
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls>button.arrow-prev {
    margin-right: 16px
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls>button.arrow-next {
    margin-left: 16px
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls>button svg {
    width: 18px;
    height: 18px
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls .slick-dots {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls .slick-dots li {
    width: 10px;
    height: 10px
}

.dct-benefits-carousel .dct-benefits-carousel__slider-controls .slick-dots .slick-dot {
    cursor: pointer;
    width: 10px;
    height: 10px
}

.dct-benefits-carousel__box {
    padding: 24px 24px 20px 24px
}

.dct-benefits-carousel__box .dct-image-disclaimer {
    bottom: 0
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel__box {
        padding: 0 50px
    }
}

@media screen and (min-width:1200px) {
    .dct-benefits-carousel__box {
        padding: 0 50px;
        width: 920px
    }
}

.dct-benefits-carousel__box .dct-benefits-carousel__image-container {
    height: 313px;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: .5
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel__box .dct-benefits-carousel__image-container {
        float: right;
        height: 506px;
        width: 519px
    }
}

.slick-cloned .dct-benefits-carousel__box .dct-benefits-carousel__image-container {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.dct-benefits-carousel__box img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: .9
}

.dct-benefits-carousel__box .dct-benefits-carousel__container {
    background-color: #090101;
    display: block;
    padding: 46px 32px 37px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel__box .dct-benefits-carousel__container {
        margin-top: 35px;
        position: absolute;
        background-color: rgba(9, 1, 1, .7);
        width: 396px
    }
}

.dct-benefits-carousel__box .dct-benefits-carousel__container h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 17px
}

.dct-benefits-carousel__box .dct-benefits-carousel__container .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct-benefits-carousel__box .dct-benefits-carousel__container p {
    color: #bcbcbc;
    margin: 32px 0 0;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.slick-cloned .dct-benefits-carousel__box .dct-benefits-carousel__container {
    -webkit-transform: none;
    transform: none
}

.dct-benefits-carousel__box .dct-benefits-carousel__options {
    height: 70px;
    padding: 21px 0 43px
}

@media screen and (min-width:768px) {
    .dct-benefits-carousel__box .dct-benefits-carousel__options {
        background-color: transparent
    }
}

.dct-benefits-carousel__box .dct-benefits-carousel__options button {
    background: 0 0;
    border: none;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0
}

.dct-benefits-carousel__box .dct-benefits-carousel__options svg {
    fill: #169442 !important;
    height: 25px;
    width: 25px
}

.dct-benefits-carousel__box .dct-benefits-carousel__options p {
    font-size: 14px;
    margin: 2px auto;
    padding-left: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff
}

.dct-benefits-info {
    background-color: #1a1818;
    padding-bottom: 88px
}

.dct-benefits-info__box {
    color: rgba(255, 255, 255, .95);
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto
}

.dct-benefits-info__box .dct-image-disclaimer {
    bottom: 0
}

@media screen and (min-width:768px) {
    .dct-benefits-info__box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 50px 32px
    }
}

.dct-benefits-info__box .dct-benefits-info__image-container {
    position: relative;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    opacity: 0;
    z-index: 2
}

.dct-benefits-info__box img {
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-benefits-info__box img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 438px
    }
}

.dct-benefits-info--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.dct-benefits-info--reverse .dct-benefits-info__container .dct-benefits-info__background {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.dct-benefits-info__container {
    z-index: 1;
    padding: 40px 32px 58px;
    position: relative;
    overflow: hidden
}

.dct-benefits-info__container .dct-benefits-info__content {
    position: relative;
    z-index: 1
}

.dct-benefits-info__container .dct-benefits-info__background {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #090101
}

.dct-benefits-info__container .dct-benefits-info__content {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

@media screen and (min-width:1024px) {
    .dct-benefits-info__container {
        padding: 90px 150px 50px
    }
}

.dct-benefits-info__container h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 17px;
    z-index: 1
}

.dct-benefits-info__container .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct-benefits-info__container p {
    color: #bcbcbc;
    margin: 32px 0 0;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.dct-header {
    background-color: #090101;
    padding-bottom: 24px
}

@media screen and (min-width:768px) {
    .dct-header {
        padding-bottom: 36px
    }
}

.dct-header__inner {
    max-width: 1440px;
    margin: 0 auto
}

.dct__container--main h2,
.dct__container--secondary h2 {
    color: rgba(255, 255, 255, .95);
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 17px
}

.dct__container--main .dct__line,
.dct__container--secondary .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct__container--main p,
.dct__container--secondary p {
    color: #bcbcbc;
    margin: 32px 0 32px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.dct__container--main .dct__btn,
.dct__container--secondary .dct__btn {
    border-color: #169442;
    color: rgba(255, 255, 255, .95);
    margin: 0;
    padding-bottom: 33px;
    padding-top: 20px;
    min-width: 201px
}

@media screen and (min-width:768px) {

    .dct__container--main .dct__btn,
    .dct__container--secondary .dct__btn {
        min-width: 201px;
        padding-bottom: 15px;
        padding-top: 17px
    }
}

*+.dct__container--main .dct__btn,
*+.dct__container--secondary .dct__btn {
    margin-top: 20px
}

.dct__container--main .dct__btn:focus,
.dct__container--secondary .dct__btn:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.dct__container--main .dct__btn:hover,
.dct__container--secondary .dct__btn:hover {
    background-color: #169442
}

.dct-header__explore {
    position: relative
}

.dct-header__explore img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding-right: 24px
}

@media screen and (min-width:768px) {
    .dct-header__explore img {
        padding-right: 140px;
        height: auto
    }
}

.dct-header__explore .dct__container--main {
    background: #1a1818;
    bottom: 50px;
    padding: 50px 35px 40px 43px;
    position: inherit;
    margin-left: 24px
}

@media screen and (min-width:768px) {
    .dct-header__explore .dct__container--main {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 438px
    }
}

.dct-header__content .dct-image-disclaimer {
    bottom: 0
}

@media screen and (min-width:768px) {
    .dct-header__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.dct-header__content .dct-header__content--img__container {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.dct-header__content img {
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-header__content img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 438px;
        height: 100%
    }
}

.dct-header__content .dct__container--secondary {
    background: #1a1818;
    padding: 52px 32px 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width:1024px) {
    .dct-header__content .dct__container--secondary {
        padding: 76px 150px 50px
    }
}

.dct-how-it-works {
    background-color: #090101;
    color: rgba(255, 255, 255, .95)
}

@media screen and (min-width:768px) {
    .dct-how-it-works {
        padding-bottom: 120px
    }
}

.dct-how-it-works__box {
    padding-bottom: 24px
}

@media screen and (min-width:768px) {
    .dct-how-it-works__box {
        position: relative;
        bottom: 0;
        padding: 60px 50px 70px
    }
}

.dct-how-it-works__box img {
    height: 323px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 0%
}

@media screen and (min-width:768px) {
    .dct-how-it-works__box img {
        bottom: 0;
        height: 495px
    }
}

.dct-how-it-works__box .dct-how-it-works__container {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media screen and (min-width:768px) {
    .dct-how-it-works__box .dct-how-it-works__container {
        background-color: rgba(9, 1, 1, .7);
        bottom: 10px;
        position: absolute;
        right: 149px;
        width: 388px
    }
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__inner {
    padding: 46px 32px 37px
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__inner h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 17px;
    text-transform: uppercase
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__inner .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__inner p {
    color: #bcbcbc;
    margin: 32px 0 0;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__options {
    background-color: #1a1818;
    height: 70px;
    padding: 21px 0 21px 43px
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__options svg {
    fill: #169442 !important;
    height: 25px;
    width: 25px
}

.dct-how-it-works__box .dct-how-it-works__container .dct-how-it-works__options p {
    display: inline;
    font-size: 14px;
    margin: 2px auto;
    padding-left: 14px;
    position: absolute;
    text-transform: uppercase;
    font-weight: 500
}

.dct-image-disclaimer {
    background-color: rgba(0, 0, 0, .45);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #fff;
    margin: 10px;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    bottom: 0
}

@media screen and (min-width:768px) {
    .dct-image-disclaimer {
        bottom: 0
    }
}

.dct-image-disclaimer span {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: .36px;
    letter-spacing: 0
}

.dct-disclaimer-container {
    position: relative;
    line-height: 0
}

.dct-menu {
    background-color: #090101;
    color: rgba(255, 255, 255, .95)
}

.dct-menu__options {
    opacity: 0
}

.dct-menu__options ul {
    margin: 0;
    padding: 24px 32px 32px;
    list-style-type: none;
    overflow: auto;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .dct-menu__options ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 36px 230px 26px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.dct-menu__options ul .dct-menu__option {
    cursor: pointer;
    display: inline;
    padding-bottom: 11px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500
}

.dct-menu__options ul .dct-menu__option:last-child {
    margin-right: 0
}

.dct-menu__options ul .dct-menu__option+.dct-menu__option {
    margin-left: 28px
}

@media screen and (min-width:768px) {
    .dct-menu__options ul .dct-menu__option+.dct-menu__option {
        margin-left: 92px
    }
}

.dct-menu__options ul .dct-menu__option:active {
    border-bottom: 2px solid #169442
}

.dct-menu__options ul .dct-menu__option--active {
    border-bottom: 2px solid #169442
}

.dct-menu__sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.dct-testimonials {
    background-color: #090101;
    line-height: 0;
    position: relative
}

.dct-testimonials .dct-testimonials__inner {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.dct-testimonials .dct-testimonials__inner[data-micromodal-trigger] {
    cursor: pointer
}

.dct-testimonials .dct-testimonials__image {
    max-width: 100%;
    width: 100%
}

.dct-testimonials .dct-testimonials__video__wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.dct-testimonials .dct-testimonials__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (min-width:768px) {
    .dct-testimonials .dct-testimonials__play {
        width: 120px;
        height: 120px
    }
}

.dct-testimonials .dct-testimonials__play svg {
    fill: #fff
}

.dct-trims-wrapper {
    background: #ececec;
    border-top: 6px solid #169442;
    padding: 40px 25px 70px;
    max-width: none
}

.dct-trims-wrapper .trims__section-title {
    font-size: 30px;
    text-align: center;
    max-width: 1440px;
    margin: 0 auto 45px;
    opacity: 0;
    -webkit-transform: translateY(40%);
    transform: translateY(40%)
}

@media screen and (min-width:768px) {
    .dct-trims-wrapper {
        border-top: 0;
        padding: 89px 50px 105px
    }
}

.dct-trims-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
    max-width: 1440px;
    margin: 0 auto
}

.raq-module .dct-trims-container {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .raq-module .dct-trims-container {
        padding: 0 42px
    }
}

.dct-trims-container .dots-container {
    position: static;
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-trims-container .dots-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin: 0 -8px;
        width: calc(100% + 16px)
    }
}

.trim-container {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px;
    min-width: 260px;
    width: 100%
}

@media screen and (min-width:768px) {
    .trim-container {
        margin: 0 8px 16px;
        margin-bottom: 30px;
        width: calc(50% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .trim-container {
        margin: 0 8px 16px;
        margin-bottom: 35px;
        width: calc(33% - 16px)
    }

    .dct-trims-wrapper .trim-container:nth-child(n+2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .dct-trims-wrapper .trim-container:nth-child(3) {
        margin-right: 0
    }
}

@media screen and (min-width:1200px) {
    .dct-trims-wrapper .trim-container:nth-child(3) {
        margin-right: 8px
    }
}

@media screen and (min-width:1200px) {
    .dct-trims-wrapper .trim-container {
        width: calc(25% - 16px) !important
    }

    .dct-trims-wrapper .trim-container:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.dct-trims-header {
    margin-bottom: 25px;
    padding: 0 0 20px;
    text-align: right;
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-trims-header {
        border-bottom: 1px solid #9b9b9b;
        margin-bottom: 56px;
        position: relative
    }
}

.dct-trims-header-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 36px;
    text-align: left;
    width: 100%
}

@media screen and (min-width:768px) {
    .dct-trims-header-title {
        font-size: 36px
    }
}

@media screen and (min-width:576px) {
    .dct-trims-header-title {
        width: auto
    }
}

@media screen and (min-width:768px) {
    .dct-trims-header-title {
        margin-bottom: 0
    }
}

.trim-header-dots {
    list-style-type: none;
    margin: 0
}

@media screen and (min-width:576px) {
    .trim-header-dots {
        display: none
    }
}

.trim-header-dot {
    background: #d8d8d8;
    border-radius: 25px;
    display: inline-block;
    height: 10px;
    margin: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 10px
}

.trim-header-dot.dot-active {
    background: #169442
}

.dct-trims-header-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin: 0;
    padding: 0
}

.dct-trims-header-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.dct-trims-header-link:hover {
    color: #169442
}

.dct-trims-header-link svg {
    margin-left: 12px;
    margin-right: -3px;
    margin-top: 1px
}

@media screen and (min-width:768px) {
    .dct-trims-header-link {
        position: absolute;
        right: 0;
        top: 13px
    }
}

.dct-trims-header-icon {
    margin-right: 0
}

.dct-trims-header-count {
    background: #169442;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    min-width: 26px;
    padding: 3px 8px;
    text-align: center
}

.dct-trims {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 20px
}

@media screen and (min-width:576px) {
    .dct-trims {
        padding: 40px
    }
}

.dct-trims-interior .dct-trims {
    padding: 40px 20px
}

@media screen and (min-width:768px) {
    .dct-trims-interior .dct-trims {
        padding: 60px 45px;
        padding-left: 30px
    }
}

@media screen and (min-width:1024px) {
    .dct-trims-interior .dct-trims {
        padding: 60px 40px
    }
}

.trim-main {
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 18px;
    position: relative
}

.trim-footer {
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding: 18px;
    text-align: center;
    text-decoration: none
}

.trim-footer:hover {
    cursor: pointer
}

.trim-title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    margin-top: 4px;
    padding-bottom: 0
}

@media screen and (min-width:1024px) {
    .trim-title {
        margin-top: 11px
    }
}

.trim-title .asterisk-icon {
    margin-bottom: 5px
}

.dct-trims-interior .trim-title {
    margin-top: 8px
}

.trim-price {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 5px
}

.trim-buttons {
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    position: static;
    width: 100%
}

.trim-buttons .details-dct,
.trim-buttons .select {
    width: 49%
}

.details-dct {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    height: 35px;
    padding: 9px 15px
}

.details-dct:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .details-dct:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.details-dct.active {
    background: #169442;
    border-color: #169442
}

.select {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff;
    height: 35px;
    padding: 9px 15px
}

.select:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.trim-compare {
    border-top: 1px solid #dfdfdf
}

.colorswatch-swatches {
    padding-left: 0;
    margin: 10px 0;
    text-align: left
}

.colorswatch-swatches li {
    list-style-type: none
}

.colorswatch-swatches li,
.colorswatch-swatches li button,
.colorswatch-swatches li div {
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    margin-right: 3px;
    padding: 0;
    vertical-align: middle;
    width: 24px
}

.colorswatch-swatches li button:hover,
.colorswatch-swatches li div:hover,
.colorswatch-swatches li:hover {
    cursor: pointer
}

.colorswatch-swatches li button svg,
.colorswatch-swatches li div svg,
.colorswatch-swatches li svg {
    display: none;
    height: 14px;
    width: 14px
}

.colorswatch-swatches li button.checked svg,
.colorswatch-swatches li div.checked svg,
.colorswatch-swatches li.checked svg {
    display: block;
    fill: #fff
}

.colorswatch-swatches li button.checked.reverse svg,
.colorswatch-swatches li div.checked.reverse svg,
.colorswatch-swatches li.checked.reverse svg {
    fill: #169442
}

.colorswatch-swatches li button.checked.black svg,
.colorswatch-swatches li div.checked.black svg,
.colorswatch-swatches li.checked.black svg {
    fill: #090101
}

.colorswatch-swatches li button,
.colorswatch-swatches li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.colorswatch-image-container {
    position: relative;
    text-align: left;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:768px) {
    .colorswatch-image-container {
        padding: 0 50px
    }
}

@media screen and (min-width:1024px) {
    .colorswatch-image-container {
        padding: 0
    }
}

.colorswatch-image {
    width: 100%
}

.compare-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -18px;
    padding: 18px;
    position: relative;
    width: calc(100% + 36px)
}

.compare-arrow {
    fill: #169442;
    height: 20px;
    margin-right: 7px;
    top: 2px;
    width: 20px
}

.compare-button {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase
}

.raq .compare-wrapper {
    display: none
}

.dct-what-it {
    background-color: #090101;
    color: rgba(255, 255, 255, .95);
    padding-top: 16px;
    max-width: 1540px;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .dct-what-it {
        padding: 26px 0 120px
    }
}

.dct-what-it .dct-image-disclaimer {
    bottom: 0
}

.dct-what-it__box {
    padding-bottom: 24px
}

@media screen and (min-width:768px) {
    .dct-what-it__box {
        position: relative;
        bottom: 0;
        padding: 0 50px 70px
    }
}

.dct-what-it__box img {
    width: 0%
}

@media screen and (min-width:768px) {
    .dct-what-it__box img {
        bottom: 0;
        height: 495px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.dct-what-it__box .dct-what-it__container {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

@media screen and (min-width:768px) {
    .dct-what-it__box .dct-what-it__container {
        background-color: rgba(9, 1, 1, .7);
        bottom: 0;
        position: absolute;
        right: 149px;
        width: 388px
    }
}

.dct-what-it__box .dct-what-it__container .dct-what-it__inner {
    padding: 46px 32px 37px
}

.dct-what-it__box .dct-what-it__container .dct-what-it__inner h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 17px
}

.dct-what-it__box .dct-what-it__container .dct-what-it__inner .dct__line {
    background-color: #169442;
    border-color: #169442;
    height: 2px;
    width: 47px
}

.dct-what-it__box .dct-what-it__container .dct-what-it__inner p {
    color: #bcbcbc;
    margin: 32px 0 0;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400
}

.dct-what-it__box .dct-what-it__container .dct-what-it__options {
    background-color: #1a1818;
    height: 70px;
    padding: 21px 32px 21px
}

.dct-what-it__box .dct-what-it__container .dct-what-it__options button {
    background: 0 0;
    border: none;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0
}

.dct-what-it__box .dct-what-it__container .dct-what-it__options svg {
    fill: #169442 !important;
    height: 25px;
    width: 25px
}

.dct-what-it__box .dct-what-it__container .dct-what-it__options p {
    font-size: 14px;
    margin: 2px auto;
    padding-left: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff
}

.dct-modal {
    background: #090101;
    display: none;
    position: fixed;
    top: 100vh;
    left: 0;
    height: 100vh;
    overflow: scroll;
    width: 100vw;
    z-index: 99999
}

.dct-modal__top {
    background-color: #090101;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 24px;
    max-width: 1440px;
    margin: 0 auto
}

.dct-modal__top .dct-modal__top__image {
    max-width: 208px
}

.dct-modal__top img {
    width: 100%;
    height: auto
}

.dct-modal__top .close {
    background: 0 0;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px
}

.dct-modal__top .close svg {
    height: 17px;
    fill: #fff;
    width: 17px
}

.dct-modal__logo {
    border: 2px solid #169442;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-style: italic;
    font-size: 18px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 0;
    margin: 10px;
    padding: 5px 20px;
    text-transform: uppercase
}

.dct-wrap {
    background-color: #fff;
    padding-bottom: 200px;
    margin-bottom: 80px
}

@media screen and (min-width:768px) {
    .dct-wrap {
        background: -webkit-gradient(linear, left top, right top, color-stop(9%, transparent), color-stop(9%, #fff));
        background: linear-gradient(90deg, transparent 9%, #fff 9%);
        margin: 75px 0 105px;
        padding-bottom: 97px;
        padding-top: 69px
    }
}

@media screen and (min-width:1024px) {
    .dct-wrap {
        background: -webkit-gradient(linear, left top, right top, color-stop(6%, transparent), color-stop(6%, #fff));
        background: linear-gradient(90deg, transparent 6%, #fff 6%);
        margin: 75px 50px 105px;
        padding-bottom: 97px;
        padding-top: 69px
    }
}

.dct__inner {
    background: url(/images/patterns/bg-black-dotted.png) #090101;
    background-color: #090101;
    color: #fff
}

@media screen and (min-width:768px) {
    .dct__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 393px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .dct__inner .dct__img-header {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.dct__inner .dct__img-header {
    height: 142px
}

@media screen and (min-width:768px) {
    .dct__inner .dct__img-header {
        display: block;
        height: auto;
        width: 275px
    }
}

.dct__inner .dct__img-header img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.dct__inner .dct__container {
    padding: 54px 38px 100px
}

.dct__inner .dct__container img {
    max-width: 171px;
    width: 171px;
    height: auto
}

@media screen and (min-width:768px) {
    .dct__inner .dct__container {
        padding: 0;
        margin: 54px 0 38px 50px;
        max-width: 360px
    }
}

@media screen and (min-width:1024px) {
    .dct__inner .dct__container {
        padding: 0;
        margin: 54px 0 38px 70px;
        max-width: 450px
    }
}

.dct__inner .dct__container h2 {
    color: #eaeaea;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    margin: 33px 0 15px
}

.dct__inner .dct__container .dct__line {
    background-color: #169442;
    border: 0;
    height: 2px;
    width: 47px;
    margin: 0
}

.dct__inner .dct__container p {
    color: #797979;
    font-size: 16px;
    font-family: Roboto;
    margin: 24px 0 32px
}

.dct__inner .dct__container .dct__btn {
    border-color: #169442;
    color: rgba(255, 255, 255, .95);
    margin: 0;
    padding-bottom: 33px;
    padding-top: 20px;
    min-width: 201px
}

@media screen and (min-width:768px) {
    .dct__inner .dct__container .dct__btn {
        min-width: 201px;
        padding-bottom: 15px;
        padding-top: 17px
    }
}

*+.dct__inner .dct__container .dct__btn {
    margin-top: 20px
}

.dct__inner .dct__container .dct__btn:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.dct__inner .dct__container .dct__btn:hover {
    background-color: #169442
}

.dct__outside-img {
    position: relative
}

.dct__outside-img img {
    width: 100%;
    top: -80px;
    position: absolute;
    right: 0
}

@media screen and (min-width:768px) {
    .dct__outside-img img {
        max-height: 339px;
        max-width: 552px;
        top: -250px;
        position: absolute
    }
}

.experience-wrapper {
    background-color: #fff;
    padding: 81px 0 120px
}

.experience-social+.experience-social {
    margin-top: 76px
}

.experience {
    padding: 50px 50px 0;
    margin: 0 auto;
    letter-spacing: .025em
}

@media screen and (max-width:575px) {
    .experience {
        padding: 20px 20px 40px
    }
}

.downloads .experience {
    padding-top: 80px;
    padding-bottom: 120px
}

.experience-social .experience {
    padding: 0 50px
}

.experience__heading {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0 25px;
    text-transform: uppercase
}

.experience__list+.experience__heading {
    margin: 80px 0 25px
}

.downloads .experience__heading {
    margin-top: 0
}

@media screen and (max-width:575px) {
    .experience__heading {
        margin: 30px 0 10px
    }
}

.experience__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

@media screen and (max-width:575px) {
    .experience__list {
        display: block
    }
}

.experience__item {
    border: solid #dadada;
    border-width: 1px 0;
    margin-top: -1px;
    position: relative;
    width: calc(50% - 49.5px)
}

@media screen and (max-width:575px) {
    .experience__item {
        border-width: 0 0 1px;
        margin-top: 0;
        width: 100%
    }
}

.experience__icon {
    fill: #169442;
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
    height: 24px;
    width: 24px
}

.experience__link {
    color: #000;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    padding: 20px 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.experience__link--alt {
    text-transform: none
}

@media screen and (max-width:575px) {
    .experience__link {
        padding: 15px 0
    }
}

.experience__icon+.experience__link--social {
    padding-left: 40px
}

@media screen and (max-width:575px) {
    .experience__icon+.experience__link--social {
        padding: 15px 0 15px 40px
    }
}

.experience__link:hover {
    color: #169442
}

.feature-header-nav {
    border-bottom: 1px solid #fff;
    display: none;
    list-style-type: none;
    margin: 20px 0 30px;
    padding: 0;
    position: relative
}

@media screen and (min-width:768px) {
    .feature-header-nav {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .feature-header-nav {
        display: block
    }
}

.feature-header {
    position: relative
}

@media screen and (min-width:768px) {
    .feature-trims {
        position: absolute;
        right: 0;
        top: -32px
    }
}

@media screen and (min-width:1024px) {
    .feature-trims {
        top: -85px
    }
}

.feature-wrap {
    background: url(/images/patterns/bg-black-diagonal.png) #090101;
    padding: 45px 30px 90px;
    position: relative
}

@media screen and (min-width:768px) {
    .feature-wrap {
        padding: 60px 50px 140px
    }
}

@media screen and (min-width:1024px) {
    .feature-wrap {
        padding: 60px 50px 113px
    }
}

.feature-wrap .build-loader {
    display: none;
    top: 25%;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    left: 50%;
    margin: 0 auto;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 9999
}

.feature-wrap .build-loader.loading {
    display: block
}

.feature-wrap .build-loader.loading-2 {
    display: block
}

.feature-wrap .build-loader.loading-appear {
    opacity: .1
}

.feature-wrap .build-loader.loading-appear.loading-appear-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.feature-wrap .build-loader.loading-leave {
    opacity: 1
}

.feature-wrap .build-loader.loading-leave.loading-leave-active {
    opacity: .01;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.feature-wrap .trim-select-wrap {
    margin-bottom: 23px;
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .feature-wrap .trim-select-wrap {
        margin-bottom: 0;
        margin-top: 0;
        width: 296px
    }
}

.feature-wrap.feature-wrap-sugitmmary {
    margin: 0 -20px -20px
}

.feature-wrap .feature-wrap-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    margin-bottom: 44px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .feature-wrap .feature-wrap-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .feature-wrap .feature-wrap-title {
        margin-bottom: 87px;
        margin-top: 10px
    }
}

@media screen and (min-width:768px) {
    .feature-wrap .feature-wrap-title {
        margin-bottom: 58px;
        margin-top: 10px
    }
}

.feature-wrap .mobile-nav {
    display: inline-block;
    text-align: right;
    width: 100%;
    margin-bottom: 23px
}

@media screen and (min-width:768px) {
    .feature-wrap .mobile-nav {
        display: none
    }
}

.feature-wrap .desktop-nav {
    padding-top: 8px;
    position: absolute;
    right: 0;
    top: 11px;
    z-index: 99
}

.feature-wrap .feature-trim-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .feature-wrap .feature-trim-title {
        font-size: 24px;
        letter-spacing: .49px;
        margin: 10px 0;
        margin-bottom: 28px
    }
}

.feature-wrap .feature-trim-title .asterisk-icon {
    margin-bottom: 11px
}

.feature-wrap .trim-header-dots {
    display: block;
    padding-bottom: 10px
}

@media screen and (min-width:768px) {
    .feature-wrap .trim-header-dots {
        display: none
    }
}

.feature-wrap .features-header-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    padding-top: 8px
}

.feature-wrap .features-header-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.feature-wrap .features-header-link:hover {
    color: #169442
}

.feature-wrap .features-header-link svg {
    margin-left: 14px;
    margin-right: 0
}

.feature-wrap .gallery-main-img {
    position: relative
}

@media screen and (min-width:1440px) {
    .feature-wrap .gallery-main-img {
        height: 584px;
        width: 915px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .feature-wrap .gallery-main-img img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 584px;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 1 !important
    }
}

.feature-wrap .gallery-main-img .img-ie {
    max-width: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 0;
    width: auto
}

.feature-header-indicator {
    background: #169442;
    bottom: -2px;
    height: 4px;
    left: 0;
    position: absolute
}

.feature-header-item {
    display: inline-block
}

@media screen and (min-width:768px) {
    .feature-header-item {
        margin: 0 20px
    }
}

@media screen and (min-width:1024px) {
    .feature-header-item {
        margin: 0 35px
    }
}

.feature-header-item:first-child {
    margin-left: 0
}

.feature-item-trigger {
    background-color: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 10px 0 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.feature-item-trigger:hover {
    color: #169442
}

.feature-item-trigger.active {
    color: rgba(223, 27, 33, .95)
}

.feature-header-item:first-child .feature-item-trigger {
    padding-left: 0
}

.feature-wrap-sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

@media screen and (min-width:768px) {
    .feature-wrap-sections {
        display: block;
        overflow-x: visible
    }
}

.feature-wrap-sections .slick-dots li {
    margin-left: 0
}

.feature-wrap-sections .slick-dots li .slick-dot {
    height: 10px;
    padding: 0;
    width: 10px
}

.feature-wrap-sections .slick-dots li .slick-dot:before {
    content: ""
}

.feature-wrap-item {
    position: relative
}

@media screen and (min-width:1440px) {
    .feature-wrap-item.slick-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 584px
    }
}

.feature-image {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center
}

@media screen and (min-width:768px) {
    .feature-image.mobile {
        display: none
    }
}

.feature-image.desktop {
    display: none
}

@media screen and (min-width:768px) {
    .feature-image.desktop {
        display: block
    }
}

.feature-image[src=""] {
    display: none
}

.features-slide-text-block {
    background: #fff;
    padding: 36px 25px 67px;
    width: 100%
}

@media screen and (min-width:768px) {
    .features-slide-text-block {
        padding: 30px 35px 51px
    }
}

@media screen and (min-width:1024px) {
    .features-slide-text-block {
        padding: 40px 50px 62px;
        z-index: 1
    }
}

.features-slide-header {
    color: rgba(223, 27, 33, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.features-slide-subheader {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 13px
}

@media screen and (min-width:768px) {
    .features-slide-subheader {
        margin-top: 5px
    }
}

.features-slide-text {
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .features-slide-text {
        margin-top: 22px
    }
}

.feature-footer {
    margin-bottom: 40px;
    margin-right: 5%;
    margin-top: 30px;
    text-align: right
}

.feature-footer-link {
    display: none;
    font-size: 14px
}

@media screen and (min-width:768px) {
    .feature-footer-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .36px;
        line-height: 16px;
        text-decoration: none;
        text-transform: uppercase
    }
}

.feature-footer-link:hover {
    color: #169442
}

.more-features {
    border-radius: 3px;
    fill: #fff;
    height: 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    fill: #169442;
    margin-left: 12px;
    margin-right: -3px;
    vertical-align: middle;
    width: 14px
}

.more-features.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.feature-wrap .trim-select-text {
    display: inline-block
}

.feature-wrap .slick-slider {
    position: static
}

.feature-wrap .dots-container {
    margin-top: 10px;
    padding-top: 10px;
    position: relative
}

.feature-wrap .slick-dots {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto
}

@media screen and (min-width:768px) {
    .feature-wrap .slick-dots {
        display: none
    }
}

.feature-wrap-summary {
    padding: 60px 25px 20px
}

@media screen and (min-width:1024px) {
    .feature-wrap-summary {
        padding: 40px 50px
    }
}

@media screen and (min-width:768px) {
    .feature-wrap-summary .slick-dots {
        display: none
    }
}

.feature-trims .features-header-link {
    display: none;
    float: right
}

@media screen and (min-width:768px) {
    .feature-trims .features-header-link {
        display: block
    }
}

.feature-wrap-item-image-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    right: 0;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute
}

@media screen and (max-width:768px) {
    .bp-summary-wrap .dots-container {
        padding-top: 62px
    }
}

.gallery-wrap {
    background: #fff;
    padding: 43px 25px 0;
    position: relative;
    scroll-margin-top: 43px
}

@media screen and (min-width:768px) {
    .gallery-wrap {
        padding: 72px 50px 0;
        scroll-margin-top: 72px
    }
}

.gallery-wrap .build-loader {
    display: none;
    top: 25%;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    left: 50%;
    margin: 0 auto;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: 9999
}

.gallery-wrap .build-loader.loading {
    display: block
}

.gallery-wrap .build-loader.loading-2 {
    display: block
}

.gallery-wrap .build-loader.loading-appear {
    opacity: .1
}

.gallery-wrap .build-loader.loading-appear.loading-appear-active {
    opacity: 1;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.gallery-wrap .build-loader.loading-leave {
    opacity: 1
}

.gallery-wrap .build-loader.loading-leave.loading-leave-active {
    opacity: .01;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.gallery-wrap.interior {
    padding-top: 48px
}

@media screen and (min-width:768px) {
    .gallery-wrap.interior {
        padding: 23px 50px 132px
    }
}

.gallery-wrap-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 34px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .gallery-wrap-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .gallery-wrap-title {
        margin-bottom: 45px
    }
}

.interior .gallery-wrap-title {
    margin-bottom: 32px
}

@media screen and (min-width:768px) {
    .interior .gallery-wrap-title {
        margin-bottom: 48px
    }
}

.gallery-header {
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 30px
}

.gallery-header:after,
.gallery-header:before {
    content: "";
    display: table;
    line-height: 0
}

.gallery-header:after {
    clear: both
}

@media screen and (min-width:768px) {
    .gallery-header {
        margin-bottom: 46px
    }
}

@media screen and (min-width:1024px) {
    .gallery-header {
        margin-bottom: 67px
    }
}

.gallery-trims {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .gallery-trims {
        float: right;
        margin-top: -32px;
        padding-right: 0;
        width: 260px
    }
}

@media screen and (min-width:1024px) {
    .gallery-trims {
        width: 300px
    }
}

@media screen and (min-width:768px) {
    .interior .gallery-trims {
        width: 300px
    }
}

.gallery-header-nav {
    list-style-type: none;
    margin: 39px 0 0;
    padding: 0;
    position: relative
}

@media screen and (min-width:768px) {
    .gallery-header-nav {
        float: left;
        margin: 0
    }
}

.gallery-header-indicator {
    background: #169442;
    bottom: -1px;
    height: 4px;
    left: 0;
    position: absolute
}

.gallery-header-item {
    display: inline-block;
    margin-right: 46px
}

.gallery-header-item:nth-last-child(2) {
    margin-right: 0
}

.gallery-item-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #090101;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 10px 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.gallery-item-trigger.active,
.gallery-item-trigger:hover {
    color: #169442
}

.gallery-header-item:first-child .gallery-item-trigger {
    padding-left: 0
}

.gallery-footer {
    padding-top: 12px;
    text-align: center;
    padding-bottom: 90px
}

@media screen and (min-width:768px) {
    .gallery-footer {
        padding-bottom: 121px
    }
}

@media screen and (min-width:1024px) {
    .gallery-footer {
        padding-bottom: 132px
    }
}

.gallery-footer.hide {
    display: none
}

.gallery-footer-link {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

@media screen and (min-width:768px) {
    .gallery-footer-link {
        margin-top: 50px;
        margin-bottom: 0;
        max-width: 400px;
        width: 50%
    }
}

.gallery-wrap-sections {
    padding-bottom: 37px
}

@media screen and (min-width:768px) {
    .gallery-wrap-sections {
        padding-bottom: 79px
    }
}

@media screen and (min-width:1024px) {
    .gallery-wrap-sections {
        padding-bottom: 69px
    }
}

.gallery-wrap-item {
    visibility: hidden
}

.gallery-wrap-item.slick-slide {
    visibility: visible
}

.gallery-360 {
    position: relative
}

@media screen and (min-width:768px) {
    .gallery-360 {
        margin-top: 10px
    }
}

@media screen and (min-width:1024px) {
    .gallery-360 {
        margin-top: 0
    }
}

.gallery-360-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .gallery-360-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .gallery-360-title {
        font-size: 24px
    }
}

.gallery-360-description {
    display: block;
    margin-top: 8px;
    color: #707070;
    font-size: 12px;
    font-weight: 500;
    font-family: Roboto
}

.gallery-360-frames-wrapper {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.gallery-360-frames-wrapper:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.gallery-360-frames {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.gallery-360-frames img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: -1
}

.gallery-360-spinner {
    background: rgba(9, 1, 1, .005);
    border-radius: 5px;
    display: block !important;
    height: 30px;
    margin: 0 auto;
    width: 60px
}

.gallery-360-spinner span {
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.gallery-360-halo-wrapper {
    bottom: 10%;
    display: none;
    left: 50%;
    max-width: 630px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: -10
}

.gallery-360-halo {
    margin-top: auto;
    max-width: 100%
}

.gallery-360-navigation {
    padding: 10px 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .gallery-360-navigation {
        padding: 0
    }
}

.gallery-360-navigation-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

@media screen and (min-width:768px) {
    .gallery-360-navigation-btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2
    }
}

.gallery-360-navigation-prev {
    left: 0
}

.gallery-360-navigation-next {
    right: 0
}

.gallery-360-navigation-label {
    color: #797979;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    margin: 0 10px;
    vertical-align: middle
}

@media screen and (min-width:768px) {
    .gallery-360-navigation-label {
        display: none
    }
}

.gallery-360-navigation-icon {
    fill: #787572;
    height: 26px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 26px
}

@media screen and (min-width:768px) {
    .gallery-360-navigation-icon {
        height: 50px;
        width: 50px
    }
}

.gallery-360-navigation-btn:hover .gallery-360-navigation-icon {
    fill: #514f4d
}

.gallery-360-navigation-text {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .31px;
    line-height: 1.14;
    padding: 0 13px
}

.gallery-360__disclaimer {
    color: #4a4a4a;
    font-size: 14px;
    font-style: italic;
    letter-spacing: .36px;
    line-height: 18px;
    margin-bottom: 50px;
    text-align: center
}

@media screen and (min-width:768px) {
    .gallery-colors {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 24px
    }
}

.gallery-colors .download-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
    text-decoration: none;
    margin-bottom: 20px
}

.gallery-colors .download-link:hover {
    color: #169442;
    text-decoration: underline
}

.gallery-colors .download-link svg {
    fill: #169442;
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.gallery-colors .download-text {
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-transform: uppercase
}

.gallery-colors-img-wrap {
    margin-bottom: 45px;
    position: relative;
    text-align: center
}

@media screen and (max-width:768px) {
    .gallery-colors-img-wrap {
        padding: 0
    }
}

@media screen and (min-width:768px) {
    .gallery-colors-img-wrap {
        margin-bottom: 0;
        padding: 16px 60px 0 0
    }
}

@media screen and (min-width:1024px) {
    .gallery-colors-img-wrap {
        padding: 0 81px 0 0
    }
}

@media screen and (min-width:1440px) {
    .gallery-colors-img-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.gallery-colors-img {
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (min-width:768px) {
    .gallery-colors-img {
        margin: 0 auto;
        max-width: 500px
    }
}

@media screen and (min-width:1024px) {
    .gallery-colors-img {
        margin: 0;
        max-width: 650px
    }
}

.gallery-colors-img-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:768px) {
    .gallery-colors-img-bg {
        top: 16px
    }
}

@media screen and (min-width:1024px) {
    .gallery-colors-img-bg {
        top: 0
    }
}

.gallery-colors-img-zoom {
    background: #fff;
    height: 300px;
    position: absolute;
    top: 0;
    width: 300px
}

.gallery-colors-info {
    padding: 0
}

.gallery-colors-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    font-size: 24px;
    font-weight: 700;
    display: none;
    margin: 20px 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .gallery-colors-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .gallery-colors-title {
        font-size: 24px
    }
}

@media screen and (min-width:768px) {
    .gallery-colors-title {
        display: block;
        margin-bottom: 35px;
        margin-top: 0
    }
}

@media screen and (min-width:1024px) {
    .gallery-colors-title {
        margin-bottom: 30px
    }
}

.gallery-colors-title .asterisk-icon {
    margin-bottom: 10px
}

.gallery-colors-title--mobile {
    display: block;
    margin-bottom: 38px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .gallery-colors-title--mobile {
        display: none
    }
}

.gallery-selector-title {
    font-family: Roboto, sans-serif;
    color: #090101;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .gallery-selector-title {
        margin-bottom: 2px
    }
}

.gallery-selector-label {
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 18px;
    margin: 0
}

.colorswatch-swatches {
    margin-top: 20px
}

.gallery-colors-img-full-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 18px;
    margin-top: 4px;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.gallery-colors-img-full-cta:hover {
    color: rgba(223, 27, 33, .95)
}

.gallery-colors-img-full-cta svg {
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.gallery-colors__full-image-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    visibility: hidden;
    width: 100%;
    z-index: -1000
}

.gallery-colors__full-image-wrap.show {
    opacity: 1;
    visibility: visible;
    z-index: 9999
}

.gallery-colors__full-image {
    height: auto;
    max-width: 1024px;
    width: 100%
}

.gallery-colors__full-image-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 25px
}

.gallery-colors__full-image-close svg {
    fill: #169442;
    height: 24px;
    width: 24px
}

.gallery-modal {
    background: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    visibility: hidden;
    width: 100%;
    z-index: -1000
}

.gallery-modal.show-gallery {
    opacity: 1;
    visibility: visible;
    z-index: 99999
}

.gallery-modal-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.gallery-modal-head {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 27px 25px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .gallery-modal-head {
        padding: 25px 50px
    }
}

.gallery-modal-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.gallery-modal-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .gallery-modal-close {
        right: 50px
    }
}

.gallery-modal-close-icon {
    fill: #fff;
    height: 24px;
    stroke: #169442;
    stroke-width: 3px;
    width: 24px
}

.gallery-modal-footer {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
    width: 100%
}

@media screen and (min-width:576px) {
    .gallery-modal-footer {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.gallery-modal-caption {
    border-top: 1px solid #dfdfdf;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 13px 25px 18px;
    width: 100%
}

@media screen and (min-width:576px) {
    .gallery-modal-caption {
        border-top: 0;
        max-width: 75%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 20px 50px;
        width: auto
    }
}

.gallery-modal-text {
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 18px;
    margin: 0
}

.gallery-modal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

@media screen and (min-width:576px) {
    .gallery-modal-info {
        -ms-flex-preferred-size: 325px;
        flex-basis: 325px
    }
}

.gallery-modal-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 2px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: calc(100% - 65px);
    flex-basis: calc(100% - 65px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

@media screen and (min-width:576px) {
    .gallery-modal-controls {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.gallery-modal-next,
.gallery-modal-prev {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 0 5px;
    padding: 0
}

.gallery-modal-prev {
    margin: 0 5px 0 0
}

.gallery-modal-control-icon {
    display: inline-block;
    fill: #169442;
    height: 14px;
    width: 14px
}

.gallery-modal-list {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 16px;
    margin: 0 18px;
    min-width: 60px
}

.gallery-modal-current,
.gallery-modal-length {
    color: #090101;
    margin: 0 5px
}

.gallery-modal-share {
    border-top: 0;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    min-width: 68px;
    position: relative
}

.gallery-modal-share.show-share [data-close] {
    display: block
}

.gallery-controls-next,
.gallery-controls-prev {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 1
}

.gallery-controls-prev {
    left: 5%
}

.gallery-controls-next {
    right: 5%
}

.gallery-controls-icon {
    fill: #fff;
    height: 30px;
    width: 30px
}

.gallery-modal-slider {
    height: 100%
}

.gallery-modal-slider .slick-list,
.gallery-modal-slider .slick-slider,
.gallery-modal-slider .slick-track {
    height: 100%
}

.gallery-modal-slider.slick-initialized .slick-slide.gallery-modal-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gallery-modal-image {
    display: block;
    left: 50%;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.gallery-modal-play {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    left: 50%;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 100
}

.player-active .gallery-modal-play {
    opacity: 0;
    -webkit-transform: scale(.8) translate(-50%, -50%);
    transform: scale(.8) translate(-50%, -50%);
    z-index: -1
}

.gallery-modal-play-icon {
    fill: #fff;
    height: 80px;
    width: 80px
}

.gallery-modal-video {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    display: none
}

.player-active .gallery-modal-video {
    display: block
}

.gallery-modal-video .ytp-watermark.yt-uix-sessionlink {
    display: none !important
}

.player-active .gallery-modal-video {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.share-trigger {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #fff;
    border-left: 1px solid #dfdfdf;
    border-width: 0;
    cursor: pointer;
    height: 100%;
    padding: 15px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.share-trigger:hover,
.show-share .share-trigger {
    background: #169442
}

@media screen and (min-width:576px) {
    .share-trigger {
        padding: 20px;
        width: 68px
    }
}

.share-trigger-icon {
    fill: #169442;
    height: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 20px
}

.share-trigger:hover .share-trigger-icon,
.show-share .share-trigger-icon {
    fill: #fff
}

@media screen and (min-width:576px) {
    .share-trigger-icon {
        height: 24px;
        width: 24px
    }
}

.gallery-share {
    bottom: 100%;
    height: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.show-share .gallery-share {
    height: auto
}

.gallery-share-link {
    background: #fff;
    cursor: pointer;
    display: block;
    line-height: 0;
    opacity: 0;
    padding: 20px;
    text-align: center;
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.show-share .gallery-share-link {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gallery-share-link:hover {
    background: #169442
}

.gallery-share-icon {
    fill: #169442;
    height: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 20px
}

@media screen and (min-width:576px) {
    .gallery-share-icon {
        height: 24px;
        width: 24px
    }
}

.gallery-share-link:hover .gallery-share-icon {
    fill: #fff
}

.gallery-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -5px 0;
    padding: 0
}

.gallery-main-item {
    padding: 6px 10px;
    width: 100%
}

@media screen and (min-width:768px) {
    .gallery-main-item {
        padding: 9px;
        width: 50%
    }

    .gallery-main-item.featured {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .full-gallery .gallery-main-item:nth-child(3n+1) {
        width: 50%
    }

    .full-gallery .gallery-main-item:first-child {
        width: 100%
    }
}

.gallery-main-img {
    display: block;
    position: relative;
    width: 100%
}

.gallery-main-img img {
    max-width: 100%
}

.gallery-main-link {
    display: block;
    position: relative
}

.gallery-main-icon {
    fill: #fff;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px
}

.gallery-interior-360 {
    position: relative
}

@media screen and (min-width:768px) {
    .gallery-interior-360 {
        margin-top: 10px
    }
}

@media screen and (min-width:1024px) {
    .gallery-interior-360 {
        margin-top: 0
    }
}

.gallery-interior-360-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .gallery-interior-360-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .gallery-interior-360-title {
        font-size: 24px
    }
}

.gallery-interior-360 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: transparent
}

.gallery-interior-360 .single-scene {
    height: 553px;
    position: relative
}

.gallery-interior-360 #pano {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 553px;
    overflow: hidden;
    cursor: url(/images/all-scroll-cursor.svg), auto !important
}

.gallery-interior-360 .swipeCta {
    position: absolute;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gallery-interior-360 .swipeCta.hide {
    opacity: 0
}

.gallery-interior-360 .swipeCta:after,
.gallery-interior-360 .swipeCta:before {
    display: block;
    width: 22px;
    height: 11px;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -6px;
    background-image: url(img/arrow-red-dotted.svg)
}

.gallery-interior-360 .swipeCta:after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hero-mosaic {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 0;
    position: relative
}

.hero-mosaic:after,
.hero-mosaic:before {
    content: "";
    display: table;
    line-height: 0
}

.hero-mosaic:after {
    clear: both
}

.hero-mosaic .btn-black,
.hero-mosaic .btn-outline,
.hero-mosaic .btn-red {
    display: block;
    margin-top: 12px;
    width: 100%
}

.hero-mosaic .btn-black {
    margin-top: 0
}

.hero-mosaic-info {
    position: relative;
    z-index: 1;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (min-width:1024px) {
    .hero-mosaic-info {
        float: left;
        width: 35.449%
    }
}

.mosaic-info-tooltip {
    cursor: pointer
}

.hero-mosaic-thumbnail-wrap {
    display: none;
    margin: 0;
    position: relative
}

@media screen and (min-width:1024px) {
    .hero-mosaic-thumbnail-wrap {
        background-position: center;
        background-size: cover;
        display: block;
        height: 0;
        width: 100%;
        padding-bottom: 51.09%
    }
}

.hero-mosaic-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .hero-mosaic-disclaimer {
        bottom: 0
    }
}

.hero-mosaic-thumb {
    display: block;
    width: 100%
}

@media screen and (min-width:1024px) {
    .hero-mosaic-thumb {
        left: 50%;
        position: absolute;
        top: 37%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%
    }
}

.mosaic-info {
    display: block;
    padding: 40px 25px
}

@media screen and (min-width:768px) {
    .mosaic-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 59px 50px 45px
    }
}

@media screen and (min-width:1024px) {
    .mosaic-info {
        display: block
    }
}

.mosaic-info-main {
    width: 100%
}

@media screen and (min-width:768px) {
    .mosaic-info-main {
        width: 60%
    }
}

@media screen and (min-width:1024px) {
    .mosaic-info-main {
        width: 100%
    }
}

.mosaic-info-controls {
    width: 100%
}

@media screen and (min-width:768px) {
    .mosaic-info-controls {
        width: 40%
    }
}

@media screen and (min-width:1024px) {
    .mosaic-info-controls {
        width: 100%
    }
}

.mosaic-info-title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .mosaic-info-title {
        line-height: 24px;
        padding-bottom: 16px
    }
}

.mosaic-info-base {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 3px;
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .mosaic-info-base {
        margin-bottom: 5px
    }
}

.mosaic-info-base .asterisk-icon {
    margin-left: 0
}

.mosaic-info-disc {
    font-size: 12px;
    margin: 4px 0 0;
    color: #868686;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .27px;
    line-height: 16px
}

.mosaic-info-swatch {
    margin: 25px 0 30px
}

@media screen and (min-width:768px) {
    .mosaic-info-swatch {
        margin: 30px 0 30px
    }
}

.mosaic-info-swatch ul {
    margin-top: 9px
}

.mosaic-info-swatch ul li {
    margin-right: 0
}

.mosaic-info-swatch .tlite {
    padding: 12px 24px
}

.mosaic-info-subtitle {
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .36px;
    line-height: 18px;
    margin: 0
}

@media screen and (min-width:1024px) {
    .hero-mosaic-gallery {
        float: right;
        width: calc(64.551%)
    }
}

.hero-mosaic-gallery .slick-slider {
    line-height: 0
}

.hero-mosaic-gallery-inner {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.mosaic-caption {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    color: #fff;
    padding: 42px 25px 74px;
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px) {
    .mosaic-caption {
        padding-bottom: 94px
    }
}

@media screen and (min-width:1024px) {
    .mosaic-caption {
        float: right;
        min-height: 375px;
        padding: 60px 50px 100px;
        width: calc(64.551%)
    }
}

.mosaic-caption-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 21px
}

.mosaic-caption-download a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .mosaic-caption-download a+a {
        margin-top: 20px
    }
}

@media screen and (min-width:768px) {
    .mosaic-caption-download a+a {
        margin-left: 48px
    }
}

.mosaic-caption-download svg {
    height: 21px;
    width: 21px;
    fill: #fff
}

.mosaic-caption-download span {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-transform: uppercase;
    margin-left: 12px
}

@media screen and (max-width:767px) {
    .mosaic-caption-download {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mosaic-caption-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .41px;
    line-height: 30px;
    margin: 0
}

@media screen and (min-width:768px) {
    .mosaic-caption-title {
        font-size: 36px;
        line-height: 36px
    }
}

.mosaic-caption-title+.mosaic-caption-subtitle {
    margin-top: 8px
}

.mosaic-caption-subtitle {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .34px;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .mosaic-caption-subtitle {
        font-size: 20px;
        line-height: 36px
    }
}

.mosaic-caption-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 24px;
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .mosaic-caption-text {
        font-size: 16px;
        letter-spacing: .36px;
        line-height: 24px;
        margin-top: 30px
    }
}

@media screen and (min-width:1024px) {
    .mosaic-caption-text {
        margin-top: 20px
    }
}

.hero-gallery-video-wrap {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hero-gallery-video-wrap .ytp-watermark.yt-uix-sessionlink {
    display: none !important
}

.hero-gallery-video-wrap:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.hero-gallery-image {
    background-position: center;
    background-size: cover;
    display: block
}

.hero-gallery-item-image {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media screen and (min-width:768px) {
    .hero-gallery-item-image {
        height: 450px
    }
}

.hero-gallery-item-image picture {
    height: 100%;
    position: absolute;
    width: 100%
}

.hero-slide-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .hero-slide-image {
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        width: 100%
    }
}

.hero-gallery-image-text {
    text-transform: uppercase;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    right: 20%;
    position: absolute
}

.hero-gallery-image-text sup {
    font-size: 21px
}

.hero-gallery-image-text--stroke {
    -webkit-text-fill-color: transparent
}

.hero-gallery-image,
.hero-gallery-video-wrap {
    width: 100%
}

.hero-gallery-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.hero-gallery-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-gallery-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.hero-gallery-image-text-button,
.hero-mosaic-video-modal-trigger {
    background: 0 0;
    border: none;
    cursor: pointer;
    z-index: 1
}

.hero-gallery-image-text-button svg,
.hero-mosaic-video-modal-trigger svg {
    fill: #fff
}

.hero-gallery-image-text-button.red-icon svg,
.hero-mosaic-video-modal-trigger.red-icon svg {
    fill: #169442
}

.hero-gallery-image-text-button {
    position: absolute;
    left: 5%;
    bottom: 15%
}

.hero-gallery-disclaimer-dropdown {
    background-color: #fff;
    border-top-right-radius: 20px;
    bottom: -500px;
    display: none;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all .25s;
    transition: all .25s
}

.hero-gallery-disclaimer-dropdown--opened .hero-gallery-disclaimer-dropdown__title__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hero-gallery-disclaimer-dropdown--align-right {
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 20px
}

.hero-gallery-disclaimer-dropdown--no-dropdown {
    background-color: rgba(0, 0, 0, .45);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #fff;
    margin: 10px
}

.hero-gallery-disclaimer-dropdown--no-dropdown .hero-gallery-disclaimer-dropdown__title h5 {
    font-size: 10px;
    line-height: 1.25
}

.hero-gallery-disclaimer-dropdown__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default;
    padding: 10px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:1024px) {
    .hero-gallery-disclaimer-dropdown__title {
        cursor: pointer
    }
}

.hero-gallery-disclaimer-dropdown__title h5 {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin: 0
}

@media screen and (min-width:1024px) {
    .hero-gallery-disclaimer-dropdown__title h5 {
        font-size: 12px;
        line-height: 18px
    }
}

.hero-gallery-disclaimer-dropdown__title__icon {
    fill: #169442;
    height: 10px;
    margin-left: 8px;
    width: 10px
}

@media screen and (min-width:1024px) {
    .hero-gallery-disclaimer-dropdown__title__icon {
        height: 12px;
        width: 12px
    }
}

.hero-gallery-disclaimer-dropdown__copy {
    font-size: 10px;
    margin: 4px 0 0;
    color: #727272;
    letter-spacing: .27px;
    line-height: 14px;
    margin: 0;
    padding: 0 20px 16px;
    position: relative;
    width: 278px
}

@media screen and (min-width:1024px) {
    .hero-gallery-disclaimer-dropdown__copy {
        font-size: 12px;
        line-height: 16px;
        padding: 0 20px 20px;
        width: 320px
    }
}

.disclaimer-tittle {
    bottom: -68px;
    background-color: #fff;
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all .25s;
    transition: all .25s;
    cursor: default
}

.interior-wrap.container {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:768px) {
    .interior-wrap.container {
        margin-bottom: 0
    }
}

.interior-wrap.container .row {
    margin: 0;
    background: #fff
}

.interior-wrap.container .row.with-border {
    border-bottom: 4px solid #169442
}

.interior-wrap.container .row.white-dotted {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.interior-wrap.container h3 {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .51px;
    line-height: 36px;
    margin-bottom: 0
}

.interior-wrap.container .header {
    background: inherit;
    margin-bottom: 2px;
    padding: 0;
    text-transform: none;
    word-break: break-word
}

.interior-wrap.container .subheader {
    line-height: 1em;
    margin-top: 0;
    text-transform: uppercase
}

.interior-wrap.container .subheader.subheader--top {
    margin-bottom: 15px
}

.interior-wrap.container .subheader.subheader--red {
    color: #169442
}

.interior-wrap.container .subtitle {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .interior-wrap.container .subtitle {
        margin-top: 3px
    }
}

.interior-wrap.container img {
    display: block;
    height: 100%;
    width: 100%
}

.interior-wrap.container a {
    width: calc(100% - 30px)
}

@media screen and (min-width:768px) {
    .interior-wrap.container a {
        width: 221px
    }
}

.interior-wrap.container a.btn-red {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (min-width:768px) {
    .interior-wrap.container a.btn-red {
        width: 221px
    }
}

.interior-wrap.container a.btn-red svg {
    width: 21px;
    height: 21px;
    fill: #fff;
    margin-right: 12px
}

.interior-wrap.container p {
    font-size: 16px;
    margin: 29px 0 40px
}

.interior-wrap.container .img {
    padding-left: 0;
    padding-right: 0
}

.interior-wrap.container .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 25px 90px
}

.interior-wrap.container .info.info--small h3 {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .61px;
    line-height: 28px
}

.interior-wrap.container .info.info--small .subheader {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 18px
}

.interior-wrap.container .info.info--small .content {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .interior-wrap.container .info {
        padding: 72px 60px 93px;
        max-width: 50%
    }
}

@media screen and (min-width:1024px) {
    .interior-wrap.container .info {
        padding-top: 91px;
        padding-bottom: 91px
    }
}

@media screen and (min-width:1200px) {
    .interior-wrap.container .info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-nav {
    background: #fff;
    height: 69px;
    padding: 0;
    z-index: 1
}

@media screen and (min-width:576px) {
    .page-nav {
        height: 92px
    }
}

@media screen and (min-width:1024px) {
    .page-nav {
        height: 109px
    }
}

html:not(.menu-open) .page-nav-inner {
    z-index: 2
}

.page-nav-inner {
    left: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .3s, -webkit-transform 0s;
    transition: all .3s, -webkit-transform 0s;
    transition: all .3s, transform 0s;
    transition: all .3s, transform 0s, -webkit-transform 0s;
    opacity: 1
}

@media screen and (min-width:576px) {
    .page-nav-inner {
        padding: 0 0 24px
    }
}

@media screen and (min-width:1024px) {
    .page-nav-inner {
        padding: 0
    }
}

.sticky .page-nav-inner {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
    -webkit-transition: padding 0s, -webkit-transform .3s;
    transition: padding 0s, -webkit-transform .3s;
    transition: transform .3s, padding 0s;
    transition: transform .3s, padding 0s, -webkit-transform .3s
}

.sticky .page-nav-inner.inner-down {
    -webkit-transition: padding 0s, -webkit-transform .25s;
    transition: padding 0s, -webkit-transform .25s;
    transition: transform .25s, padding 0s;
    transition: transform .25s, padding 0s, -webkit-transform .25s
}

.sticky .page-nav-inner.inner-up {
    -webkit-transition: padding 0s, -webkit-transform .3s .1s;
    transition: padding 0s, -webkit-transform .3s .1s;
    transition: transform .3s .1s, padding 0s;
    transition: transform .3s .1s, padding 0s, -webkit-transform .3s .1s;
    z-index: 999
}

.sticky.show-mobile .page-nav-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s .1s, padding 0s;
    transition: all .3s .1s, padding 0s
}

.page-nav-wrap {
    background: #fff;
    padding: 0;
    position: relative
}

@media screen and (min-width:576px) {
    .page-nav-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #dfdfdf;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 50px
    }
}

@media screen and (min-width:1024px) {
    .page-nav-wrap {
        border-bottom: 0;
        display: block;
        margin: 0 auto;
        padding: 10px 50px 25px
    }
}

.page-nav-main {
    background: #fff;
    -webkit-box-shadow: 0 3px 25px -4px #9b9b9b;
    box-shadow: 0 3px 25px -4px #9b9b9b;
    height: 0;
    left: 3%;
    margin-top: 10px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-4em);
    transform: translateY(-4em);
    -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out;
    width: 94%;
    z-index: -999
}

.mobile-open .page-nav-main {
    height: auto;
    opacity: 1;
    overflow: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 999
}

.page-nav-main:after,
.page-nav-main:before {
    border: solid transparent;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    left: 5%;
    position: absolute;
    z-index: 1
}

.page-nav-main:after {
    border-bottom-color: #fff
}

.page-nav-main:before {
    border-bottom-color: #9b9b9b;
    margin-top: -1px
}

@media screen and (min-width:576px) {
    .page-nav-main {
        left: 5%;
        width: 350px
    }
}

@media screen and (min-width:1024px) {
    .page-nav-main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #9b9b9b;
        -webkit-box-shadow: 0 0 0 0 #9b9b9b;
        box-shadow: 0 0 0 0 #9b9b9b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        left: 0;
        opacity: 1;
        overflow: visible;
        position: relative;
        top: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: 0;
        transition: 0;
        width: auto;
        width: 100%;
        z-index: 1
    }

    .page-nav-main:after,
    .page-nav-main:before {
        content: none
    }
}

.page-nav-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

@media screen and (min-width:1024px) {
    .page-nav-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }
}

.page-nav-item {
    margin: 13px 0
}

@media screen and (min-width:1024px) {
    .page-nav-item {
        margin: 0 20px
    }
}

.page-nav-item.accy {
    display: none
}

.page-nav-indicator {
    background-color: #169442;
    height: auto;
    margin-top: 8px;
    position: absolute;
    top: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 4px
}

@media screen and (min-width:1024px) {
    .page-nav-indicator {
        height: 4px;
        margin-top: -3px;
        width: auto
    }
}

.page-nav-link {
    color: #090101;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    padding: 8px 30px;
    text-decoration: none;
    -webkit-transition: width .3s ease, color .3s ease;
    transition: width .3s ease, color .3s ease
}

@media screen and (min-width:1024px) {
    .page-nav-link {
        padding: 21px 0
    }
}

.active .page-nav-link,
.page-nav-link:hover {
    color: #169442
}

.page-nav-build {
    padding: 15px 30px 35px
}

@media screen and (min-width:576px) {
    .page-nav-build {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .page-nav-build {
        display: block;
        margin-top: -20px;
        padding: 0
    }
}

.page-nav-build-mobile {
    display: none
}

@media screen and (min-width:576px) {
    .page-nav-build-mobile {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .page-nav-build-mobile {
        display: none
    }
}

.page-nav-button {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff;
    min-width: 150px;
    padding: 15px 40px;
    width: 100%
}

.page-nav-button:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.page-nav-toggle {
    display: inline-block;
    margin: 30px 30px 20px
}

@media screen and (min-width:1024px) {
    .page-nav-toggle {
        margin: 0
    }
}

.page-toggle {
    background: #f3f3f3;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.page-toggle-item {
    position: relative;
    z-index: 1
}

.page-toggle-link {
    color: rgba(0, 0, 0, .88);
    display: block;
    font-family: Roboto, sans-serif;
    padding: 5px 15px;
    text-decoration: none
}

a.page-toggle-link {
    cursor: pointer
}

.page-toggle-indicator {
    background: #169442;
    border-radius: 25px;
    color: rgba(255, 255, 255, .95);
    font-family: Roboto, sans-serif;
    height: 100%;
    left: 0;
    padding: 5px 15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.page-nav-mobile {
    display: block
}

@media screen and (min-width:576px) {
    .page-nav-mobile {
        width: 40%
    }
}

@media screen and (min-width:1024px) {
    .page-nav-mobile {
        display: none
    }
}

.page-nav-mobile-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    padding: 25px;
    position: relative;
    text-align: left;
    width: 100%
}

@media screen and (min-width:576px) {
    .page-nav-mobile-toggle {
        border: 1px solid #dfdfdf;
        border-width: 0 1px;
        padding: 27px 15px 22px 30px
    }
}

.page-nav-label {
    font-family: Roboto, sans-serif;
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.page-nav-icon {
    fill: #169442;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 14px
}

.mobile-open .page-nav-icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.offers-wrap {
    padding-left: 0;
    padding-right: 0
}

.bp-summary-wrap .offers-wrap {
    margin: 20px -25px 0
}

@media screen and (min-width:768px) {
    .bp-summary-wrap .offers-wrap {
        margin: 20px -50px 0
    }
}

@media screen and (min-width:1024px) {
    .bp-summary-wrap .offers-wrap {
        margin-top: 78px
    }
}

@media print {
    .offers-wrap {
        display: none
    }
}

.offers-heading {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 32px 25px
}

@media screen and (min-width:768px) {
    .offers-heading {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 50px
    }
}

@media screen and (min-width:1024px) {
    .offers-heading {
        padding: 61px 50px
    }
}

.offers-heading-content {
    color: #fff;
    font-family: Roboto, sans-serif;
    line-height: 1.15;
    padding-right: 40px
}

@media screen and (min-width:768px) {
    .offers-heading-content {
        padding-right: 53px
    }
}

.offers-heading-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .51px;
    line-height: 36px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .offers-heading-title {
        font-size: 36px;
        font-weight: 500;
        letter-spacing: .61px;
        line-height: 36px
    }
}

.offers-heading-subtext {
    font-size: 14px;
    margin: 5px 0 0;
    padding: 0
}

.offers-form-label {
    left: -9999em;
    position: absolute
}

.offers-form {
    margin-top: 26px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .offers-form {
        margin-top: 0;
        width: auto
    }
}

.offers-form-error {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-style: italic;
    margin: 9px 0 0;
    position: absolute;
    top: 100%
}

.offers-form-error-icon {
    fill: #fff;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    width: 20px
}

.offers-form-inner {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative
}

.offers-form-inner ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.offers-form-inner ::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.offers-form-inner :-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.offers-form-inner :-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.offers-form-input {
    background: #880f13;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 18px 50px 18px 15px;
    width: 100%
}

.offers-form-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

@media screen and (min-width:768px) {
    .offers-form-input {
        width: 195px
    }
}

.offers-form-icon {
    fill: #fff;
    height: 20px;
    padding: 5px 3px 3px 4px;
    width: 20px
}

.offers-form-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.offers-form-submit:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.offers-listing {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 30px 25px
}

@media screen and (min-width:768px) {
    .offers-listing {
        padding: 40px 50px 20px
    }
}

.offers-listing.offers-listing--no-offers {
    background: #169442
}

.offers-listing-empty {
    color: #fff;
    font-family: Roboto, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.offers-listing-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.offers-listing-item {
    border-top: 1px solid #fff;
    padding: 30px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.offers-listing-main {
    cursor: pointer;
    padding-right: 40px;
    position: relative
}

@media screen and (min-width:768px) {
    .offers-listing-main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0
    }
}

.offers-listing-footer {
    padding: 20px 0
}

.offers-listing-price {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 68px;
    font-weight: 300;
    letter-spacing: .015em;
    line-height: 1;
    margin: 0;
    margin-right: 40px;
    min-width: 20%;
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .offers-listing-price {
        font-size: 78px
    }
}

.offers-listing-unit {
    display: inline-block;
    font-size: 24px;
    margin-top: 16px;
    vertical-align: text-top
}

.offers-listing-subtext {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .offers-listing-subtext {
        padding: 0 10% 0 20px
    }
}

.offers-listing-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    line-height: 0;
    margin-top: -10px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%
}

.offers-listing-toggle:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.offers-listing-icon {
    fill: #fff;
    height: 16px;
    width: 16px
}

.offers-listing-expanded {
    overflow: hidden
}

.offers-listing-expanded.offer-appear,
.offers-listing-expanded.offer-enter {
    max-height: 0;
    opacity: 0
}

.offers-listing-expanded.offer-appear.offer-appear-active,
.offers-listing-expanded.offer-enter.offer-enter-active {
    max-height: 10000px;
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offers-listing-expanded.offer-leave {
    max-height: 10000px;
    opacity: 1
}

.offers-listing-expanded.offer-leave.offer-leave-active {
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.offers-listing-text {
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    padding-right: 10%
}

@media screen and (min-width:768px) {
    .offers-listing-text {
        margin-top: 40px
    }
}

@media screen and (min-width:1024px) {
    .offers-listing-text {
        padding-right: 0
    }
}

.offers-listing-estimate {
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase
}

.offers-listing-estimate:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.offers-listing-link-icon {
    display: inline-block;
    fill: #fff;
    height: 22px;
    margin-right: 5px;
    vertical-align: middle;
    width: 22px
}

.offer-footer {
    border-top: 1px solid #fff;
    padding: 20px 0;
    text-align: right;
    width: 100%
}

.offer-footer-link {
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase
}

.offer-footer-link:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.offer-footer-link-icon {
    fill: #fff;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    width: 14px
}

.panel-offer {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.panel-offer-item {
    padding: 10px 25px;
    position: relative
}

@media (min-width:768px) {
    .panel-offer-item {
        padding: 10px 50px
    }
}

.panel-offer-item:nth-child(2n) {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.panel-offer-main {
    padding-left: 42px;
    position: relative
}

.panel-offer-price {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 21px;
    margin-top: 15px
}

@media (min-width:768px) {
    .panel-offer-price {
        margin-bottom: 27px;
        margin-top: 21px
    }
}

.panel-offer-toggle {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    border-radius: 4px;
    border-style: outset;
    left: 0;
    line-height: 1;
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.panel-offer-toggle.active-item {
    background: #090101
}

.panel-offer-icon {
    display: block;
    fill: #fff;
    height: 25px;
    padding: 4px;
    width: 25px
}

.panel-offer-text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px
}

.panel-offer-text *+* {
    margin-top: 20px
}

.panel-offer-expanded {
    padding-bottom: 45px
}

@media screen and (min-width:768px) {
    .panel-offer-expanded {
        padding-bottom: 60px
    }
}

.panel-offer-estimate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-top: 41px
}

.panel-offer-estimate svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.panel-offer-estimate:hover {
    color: #169442
}

.panel-offer-estimate svg.panel-offer-link-icon {
    height: 26px;
    margin-left: -3px;
    margin-right: 14px;
    width: 26px
}

.publications {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 43px 25px 130px
}

@media screen and (min-width:768px) {
    .publications {
        padding: 72px 50px 195px
    }
}

.publications .publication-gallery {
    position: relative
}

@media screen and (min-width:768px) {
    .publications .publication-gallery {
        background: #fff;
        margin: 0 35px;
        padding: 60px 50px 75px
    }
}

@media screen and (min-width:1024px) {
    .publications .publication-gallery {
        margin: 0 59px
    }
}

.publications .publication-gallery .slick-arrow {
    height: 113px;
    width: 37px;
    background-color: #169442;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.publications .publication-gallery .slick-arrow:before {
    content: unset
}

.publications .publication-gallery .slick-arrow svg {
    height: 14px;
    width: 14px;
    fill: #fff
}

.publications .publication-gallery .slick-prev {
    left: -85px;
    border-radius: 0 4px 4px 0
}

@media screen and (min-width:1024px) {
    .publications .publication-gallery .slick-prev {
        left: -110px
    }
}

.publications .publication-gallery .slick-next {
    right: -85px;
    border-radius: 4px 0 0 4px
}

@media screen and (min-width:1024px) {
    .publications .publication-gallery .slick-next {
        right: -110px
    }
}

.publications .publications-wrap-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 33px;
    margin-left: 0;
    margin-top: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .publications .publications-wrap-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .publications .publications-wrap-title {
        margin-bottom: 66px
    }
}

.publications .title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase
}

.publications .date {
    color: #797979;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: 0;
    padding-top: 0;
    text-transform: uppercase
}

.publications .image img {
    max-width: 100%;
    width: 100%
}

.publications .link-wrap {
    cursor: pointer;
    margin-top: 52px
}

@media screen and (min-width:768px) {
    .publications .link-wrap {
        margin-top: 31px
    }
}

@media screen and (min-width:1024px) {
    .publications .link-wrap {
        margin-top: 35px
    }
}

.publications .link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.publications .link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.publications .link:hover {
    color: #169442
}

.publications .publications-link-arrow {
    fill: #169442;
    height: 14px;
    margin-left: 7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 14px
}

.publications .text-block {
    font-size: 14px;
    letter-spacing: .31px;
    line-height: 24px;
    max-height: 150px
}

@media screen and (min-width:1024px) {
    .publications .text-block {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-top: 0
    }
}

.publications .slick-dots li {
    margin-left: 0
}

.publications .slick-dots li .slick-dot {
    width: 10px;
    height: 10px
}

.publications .slick-dots li .slick-dot::before {
    content: none
}

.publications .js-slick-dot-clickable {
    cursor: pointer
}

.specs-wrap {
    background: #fff;
    padding: 23px 25px 82px;
    position: relative
}

@media screen and (min-width:768px) {
    .specs-wrap {
        padding: 52px 50px 90px
    }
}

.specs-wrap-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 20px;
    padding: 20px 0
}

@media screen and (min-width:768px) {
    .specs-wrap-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .specs-wrap-title {
        padding-bottom: 36px
    }
}

@media screen and (min-width:1024px) {
    .specs-wrap-title {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1024px) {
    .specs-wrap-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.specs-img-block {
    padding: 0 25px 18px;
    text-align: center
}

@media screen and (min-width:768px) {
    .specs-img-block {
        margin: 20px auto 60px;
        padding: 0 160px
    }
}

@media screen and (min-width:1024px) {
    .specs-img-block {
        padding: 0;
        margin: 0 10.83% 0 0;
        width: 31.81%
    }
}

.bp-summary-wrap .specs-img-block {
    padding: 0
}

@media screen and (min-width:1024px) {
    .bp-summary-wrap .specs-img-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.81%;
        flex: 0 0 31.81%;
        margin: 0 7.83% 0 0
    }
}

.specs-img-block .colorswatch-swatches {
    margin-bottom: 0;
    margin-top: 18px;
    text-align: center
}

.specs-img {
    display: block;
    max-width: 100%
}

@media screen and (min-width:1024px) {
    .specs-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 57.35%;
        flex: 0 0 57.35%;
        max-width: none;
        width: 57.35%
    }
}

.spec-info-title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .44px;
    line-height: 21px;
    margin-bottom: 20px;
    padding-top: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .spec-info-title {
        font-size: 24px;
        letter-spacing: .49px;
        line-height: 24px;
        margin-bottom: 33px
    }
}

.spec-info-title .asterisk-icon {
    margin-bottom: 10px
}

.spec-list {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    overflow-y: hidden
}

.spec-selector {
    display: none;
    margin-top: 20px;
    max-width: 600px
}

.spec-selector-tab {
    display: block;
    margin-bottom: 61px
}

@media screen and (min-width:768px) {
    .spec-selector {
        display: none;
        width: 382px
    }

    .spec-selector-tab {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .spec-selector {
        display: block;
        margin-bottom: 47px;
        width: 315px
    }

    .spec-selector-tab {
        display: none
    }
}

.active .spec-list-item:last-child {
    border-bottom: 0
}

.spec-list-item {
    border: solid #9b9b9b;
    border-width: 1px 0;
    padding: 22px 0 27px
}

@media screen and (min-width:768px) {
    .spec-list-item {
        padding: 21px 0 22px
    }
}

@media screen and (min-width:1024px) {
    .spec-list-item {
        padding: 22px 0 27px
    }
}

.spec-list-item+.spec-list-item {
    border-top-width: 0
}

.spec-list-label {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0
}

.spec-list-info {
    color: #090101;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.spec-info-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 34px 0 0
}

@media screen and (min-width:1024px) {
    .spec-info-footer {
        padding: 46px 0 0
    }
}

.specs-wrap .spec-info-footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.specs-info-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-right: 45px
}

.specs-info-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.specs-info-link:hover {
    color: #169442
}

.specs-wrap .specs-info-link {
    margin-right: 0
}

.specs-wrap .specs-info-link svg {
    margin-left: 12px;
    margin-right: -3px
}

.model-slider {
    position: relative;
    overflow: hidden;
    z-index: 0;
    min-height: 300px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-color: #fff
}

.model-slider .d-lg-none {
    display: none !important
}

.model-slider img {
    height: auto;
    width: auto
}

@media screen and (min-width:768px) {
    .model-slider {
        margin-bottom: 90px
    }
}

@media screen and (max-width:991px) and (max-height:600px),
screen and (max-width:767px) {
    .model-slider {
        padding-bottom: 25px;
        margin-bottom: 15px
    }

    .model-slider .d-lg-none {
        display: block !important
    }
}

.model-slider.loading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: #f8f8f8
}

.model-slider * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.model-slider .build-loader {
    position: absolute
}

.model-slider__item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
    padding-top: 35px;
    padding-bottom: 60px;
    background-color: #f8f8f8
}

.model-slider__item--gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 187px;
    background-image: radial-gradient(circle at 50% 0, #282828, rgba(121, 121, 121, 0) 70%);
    z-index: -1;
    opacity: .1
}

.model-slider__item--left {
    z-index: 99
}

.model-slider__item--right {
    position: relative;
    top: 0
}

.model-slider__item--right .model-slider__img {
    position: relative;
    left: 50%
}

.model-slider__img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    max-width: 600px
}

@media screen and (max-width:991px) and (max-height:600px),
screen and (max-width:767px) {
    .model-slider__img {
        max-width: 100vw
    }
}

@media screen and (min-width:1024px) {
    .model-slider__img {
        max-width: 665px
    }
}

.model-slider__scroller {
    width: 52px;
    height: 52px;
    position: absolute;
    left: 100px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .9;
    -webkit-transition: opacity .12s ease-in-out;
    transition: opacity .12s ease-in-out;
    pointer-events: auto;
    cursor: pointer;
    z-index: 99;
    left: 31%
}

.model-slider__scroller:hover {
    opacity: 1
}

.model-slider__scroller--bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(1.423);
    transform: scale(1.423);
    -webkit-box-shadow: 3.5px 0 7px rgba(100, 100, 100, .2);
    box-shadow: 3.5px 0 7px rgba(100, 100, 100, .2);
    z-index: -1;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .25s all;
    transition: .25s all
}

.model-slider__scroller::after,
.model-slider__scroller::before {
    content: "";
    display: block;
    width: 4px;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    z-index: 30;
    -webkit-transition: .1s;
    transition: .1s;
    background-color: #fff
}

.model-slider__scroller::before {
    top: 49px
}

.model-slider__scroller::after {
    bottom: 49px
}

.model-slider__scroller--right {
    top: 130px;
    left: 50%
}

@media screen and (max-width:991px) and (max-height:600px),
screen and (max-width:767px) {
    .model-slider__scroller--right {
        top: 80px
    }
}

.model-slider__scroller--left {
    bottom: 111px
}

@media screen and (max-width:991px) and (max-height:600px),
screen and (max-width:767px) {
    .model-slider__scroller--left {
        bottom: 111px
    }
}

.model-slider__scroller--scrolling {
    pointer-events: none;
    opacity: 1
}

.model-slider__scroller--scrolling>img {
    opacity: 0;
    -webkit-transition: .2s all;
    transition: .2s all
}

.model-slider__scroller--scrolling .model-slider__scroller__arrow--left {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.model-slider__scroller--scrolling .model-slider__scroller__arrow--right {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

.model-slider__scroller--scrolling .model-slider__scroller--bg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.model-slider__scroller--circle {
    width: 23px;
    height: 23px;
    border: 3px solid #169442;
    border-radius: 50%
}

.model-slider__scroller__arrow--left {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    -webkit-transition: .2s all;
    transition: .2s all
}

.model-slider__scroller__arrow--right {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    -webkit-transition: .2s all;
    transition: .2s all
}

.model-slider__img--mobile {
    max-width: 600px;
    width: 100% !important;
    margin: 0 auto
}

.model-slider__launch-slider {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    padding: 12px 28px;
    -webkit-transform: translateY(-52%);
    transform: translateY(-52%)
}

.model-slider__launch-slider img {
    margin-right: 10px
}

.model-slider__launch-slider h4 {
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 16px;
    margin: 0;
    font-weight: 500;
    font-family: Roboto, sans-serif
}

.model-slider__mobile {
    display: none
}

.model-slider__mobile>h4 {
    font-family: Roboto, sans-serif;
    opacity: .88;
    letter-spacing: .33px;
    margin-bottom: 19px
}

@media screen and (max-width:991px) and (max-height:600px),
screen and (max-width:767px) {
    .open-popup-slide {
        overflow: hidden
    }

    .open-popup-slide body {
        overflow: hidden
    }

    .model-slider__mobile {
        padding: 5px 25px;
        text-align: center;
        display: block
    }

    .model-slider__modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        visibility: hidden;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
        -webkit-transition: .25s all;
        transition: .25s all
    }

    .model-slider__modal--content {
        overflow: hidden;
        height: 100vh;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        outline: 0
    }

    .model-slider__modal--content .model-slider__img {
        max-height: 76vh
    }

    .model-slider__modal--dialog {
        position: relative;
        z-index: 1;
        background-color: #f8f8f8;
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition: .25s all;
        transition: .25s all
    }

    .model-slider__modal--body {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .model-slider .js-close-popup {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 1;
        z-index: 2;
        padding: 15px;
        border: none;
        background-color: transparent
    }

    .model-slider .js-close-popup svg {
        width: 16px;
        height: 16px;
        fill: #169442
    }

    .model-slider.show-popup {
        position: static
    }

    .model-slider.show-popup .model-slider__modal {
        visibility: visible;
        -webkit-transition: .25s all;
        transition: .25s all
    }

    .model-slider.show-popup .model-slider__modal--dialog {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .25s all;
        transition: .25s all
    }

    .gallery-wrap .model-slider__mobile {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:991px) and (max-height:600px) and (orientation:portrait),
screen and (max-width:767px) and (orientation:portrait) {
    .model-slider__modal {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        width: 100vh;
        top: 100%;
        left: 0
    }

    .model-slider__modal--content {
        height: 100vw;
        overflow: hidden
    }

    .model-slider__modal--content .model-slider__img {
        max-height: 76vw;
        max-width: none
    }

    .model-slider__modal--inner {
        -webkit-transform: none;
        transform: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .model-slider__item--gradient {
        height: 40vw
    }
}

@media screen and (max-width:991px) and (max-height:600px) and (orientation:landscape),
screen and (max-width:767px) and (orientation:landscape) {
    .model-slider__item {
        padding: 0
    }

    .model-slider__item--right {
        position: absolute
    }

    .model-slider__item--gradient {
        height: 35%
    }

    .model-slider__img {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.n2k-hero {
    background-color: #090101;
    position: relative;
    padding: 87px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .n2k-hero {
        padding: 66px 0 0
    }
}

@media screen and (min-width:1024px) {
    .n2k-hero {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 87px 0 0
    }
}

.n2k-hero .n2k-hero__pattern {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    height: 200px;
    width: 100%
}

@media screen and (min-width:768px) {
    .n2k-hero .n2k-hero__pattern {
        height: 408px
    }
}

@media screen and (min-width:768px) {
    .n2k-hero .n2k-hero__pattern {
        height: 432px;
        width: 814px
    }
}

.n2k-hero .n2k-hero__title {
    color: #f2f2f2;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: .66px;
    margin: 0 0 14px 47px
}

@media screen and (min-width:768px) {
    .n2k-hero .n2k-hero__title {
        font-size: 40px;
        letter-spacing: 1.02px;
        margin: 0 0 15px 87px
    }
}

.n2k-hero .n2k-hero__caption {
    display: block;
    padding: 8px 21px 8px 78px;
    background-color: #169442;
    color: #f2f2f2;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: .46px;
    margin-bottom: 51px
}

@media screen and (min-width:768px) {
    .n2k-hero .n2k-hero__caption {
        padding-left: 240px;
        padding-right: 19px;
        font-size: 21px;
        letter-spacing: .53px;
        margin-bottom: 23px
    }
}

.n2k-hero .n2k-hero__content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .n2k-hero .n2k-hero__content {
        position: absolute;
        left: 0;
        max-width: 550px
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .n2k-hero .n2k-hero__content {
        top: 12%
    }
}

@media screen and (min-width:1200px) {
    .n2k-hero .n2k-hero__content {
        bottom: 344px
    }
}

.n2k-hero .n2k-hero__image-container {
    position: relative;
    z-index: 1;
    padding: 0 8px;
    width: 100%
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image {
    -webkit-transition: .7s ease-in-out !important;
    transition: .7s ease-in-out !important;
    -webkit-transition-property: -webkit-transform opacity !important;
    transition-property: -webkit-transform opacity !important;
    transition-property: transform opacity !important;
    transition-property: transform opacity, -webkit-transform opacity !important;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image.slick-slide {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image.slick-current {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image.hide {
    opacity: 1 !important;
    -webkit-transform: scale(0) translateX(-150%);
    transform: scale(0) translateX(-150%)
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image.hide img {
    opacity: 0
}

.n2k-hero .n2k-hero__image-container .n2k-hero__image+.n2k-hero__image:not(.slick-slide) {
    display: none
}

.n2k-hero .n2k-hero__image-container img {
    width: 100%;
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

@media screen and (max-width:767px) {
    .n2k-hero .n2k-hero__image-container .n2k-hero__image {
        width: 100vw
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .n2k-hero .n2k-hero__image-container {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .n2k-hero .n2k-hero__image-container .n2k-hero__image {
        max-width: 100vw;
        padding-left: 394px
    }

    .n2k-hero .n2k-hero__image-container img {
        max-width: calc(100vw - 394px)
    }
}

@media screen and (min-width:1200px) {
    .n2k-hero .n2k-hero__image-container .n2k-hero__image {
        max-width: 1184px;
        padding-left: 394px
    }

    .n2k-hero .n2k-hero__image-container img {
        max-width: 790px
    }
}

.n2k-hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 103px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0b0b0b), to(#3a3a3a));
    background: linear-gradient(-180deg, #0b0b0b 0, #3a3a3a 100%)
}

@media screen and (min-width:768px) {
    .n2k-hero:before {
        height: 190px
    }
}

.n2k-intersitial__container {
    padding: 0;
    overflow: hidden
}

.n2k-intersitial {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: initial;
    height: 441px
}

@media screen and (max-width:767px) {
    .n2k-intersitial {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 63px
    }
}

@media screen and (min-width:768px) {
    .n2k-intersitial {
        height: 401px;
        background-position: center left
    }
}

@media screen and (min-width:1024px) {
    .n2k-intersitial {
        height: 465px;
        background-position: center
    }
}

.n2k-intersitial .n2k-intersitial__image-container {
    padding: 0 36px 0 59px;
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .n2k-intersitial .n2k-intersitial__image-container {
        padding-left: 99px;
        padding-right: 0;
        margin-bottom: 17px
    }
}

@media screen and (min-width:1024px) {
    .n2k-intersitial .n2k-intersitial__image-container {
        padding-left: 110px
    }
}

.n2k-intersitial .n2k-intersitial__image-container img {
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
    opacity: 0;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .n2k-intersitial .n2k-intersitial__image-container img {
        height: 44px;
        max-width: initial
    }
}

.n2k-intersitial .n2k-intersitial__caption {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 2px 20px 2px 59px;
    background: #169442;
    color: rgba(255, 255, 255, .88);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 36px;
    text-align: center
}

@media screen and (min-width:768px) {
    .n2k-intersitial .n2k-intersitial__caption {
        padding-left: 99px
    }
}

@media screen and (min-width:1024px) {
    .n2k-intersitial .n2k-intersitial__caption {
        padding-left: 110px
    }
}

.n2k-models {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 48px 25px 74px
}

@media screen and (min-width:768px) {
    .n2k-models {
        padding: 89px 32px 98px 26px
    }
}

@media screen and (min-width:1024px) {
    .n2k-models {
        padding: 99px 146px 123px 146px
    }
}

.n2k-models .n2k-models__model {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
    padding: 40px 22px 0;
    background-color: #fff
}

@media screen and (max-width:767px) {
    .n2k-models .n2k-models__model {
        padding-bottom: 15px
    }
}

@media screen and (min-width:768px) {
    .n2k-models .n2k-models__model {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        padding: 0;
        position: relative
    }

    .n2k-models .n2k-models__model:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: calc(100% - 34px);
        width: 88.6%;
        background-color: #fff
    }

    .n2k-models .n2k-models__model:nth-child(odd) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .n2k-models .n2k-models__model:nth-child(odd):before {
        right: 0
    }

    .n2k-models .n2k-models__model:nth-child(odd) .n2k-models__model__content {
        padding: 58px 0 54px 44px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .n2k-models .n2k-models__model:nth-child(even) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .n2k-models .n2k-models__model:nth-child(even):before {
        left: 0
    }

    .n2k-models .n2k-models__model:nth-child(even) .n2k-models__model__content {
        padding: 58px 30px 54px 0
    }
}

@media screen and (min-width:1024px) {
    .n2k-models .n2k-models__model:nth-child(odd) .n2k-models__model__content {
        padding: 0 0 0 87px
    }

    .n2k-models .n2k-models__model:nth-child(even) .n2k-models__model__content {
        padding: 0 57px 0 0
    }
}

.n2k-models .n2k-models__model+.n2k-models__model {
    margin-top: 76px
}

.n2k-models .n2k-models__model .n2k-models__model__content {
    margin-bottom: 63px;
    z-index: 1
}

@media screen and (min-width:768px) {
    .n2k-models .n2k-models__model .n2k-models__model__content {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.n2k-models .n2k-models__model .n2k-models__model__content__inner {
    text-align: center
}

.n2k-models .n2k-models__model .n2k-models__model__title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -.38px;
    text-transform: uppercase;
    margin: 0 0 2px;
    line-height: 38px
}

@media screen and (min-width:768px) {
    .n2k-models .n2k-models__model .n2k-models__model__title {
        letter-spacing: -.33px
    }
}

.n2k-models .n2k-models__model .n2k-models__model__caption {
    display: block;
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -.19px;
    text-transform: uppercase;
    margin: 0 0 22px;
    line-height: 19px
}

.n2k-models .n2k-models__model .n2k-models__model__msrp {
    display: block;
    color: #5b5b5b;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 22px
}

.n2k-models .n2k-models__model .n2k-models__model__msrp span {
    color: #169442
}

.n2k-models .n2k-models__model .n2k-models__model__cta {
    padding-left: 28px;
    padding-right: 28px
}

.n2k-models .n2k-models__model .n2k-models__model__image {
    z-index: 1
}

@media screen and (max-width:767px) {
    .n2k-models .n2k-models__model .n2k-models__model__image img {
        -webkit-transform: scale(1.23);
        transform: scale(1.23)
    }
}

@media screen and (min-width:768px) {
    .n2k-models .n2k-models__model .n2k-models__model__image {
        width: 55.49%
    }
}

.n2k-models .n2k-models__model .n2k-models__model__image img {
    max-width: 100%;
    margin-bottom: -25px
}

.n2k-overview {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    overflow: hidden
}

.n2k-overview .n2k-overview__content {
    opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    padding: 48px 34px 80px
}

@media screen and (min-width:768px) {
    .n2k-overview .n2k-overview__content {
        padding: 57px 48px 102px
    }
}

@media screen and (min-width:1024px) {
    .n2k-overview .n2k-overview__content {
        margin-right: 70px;
        padding: 54px 0 54px 50px
    }
}

.n2k-overview .n2k-overview__content .n2k-overview__headline {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px
}

.n2k-overview .n2k-overview__content .n2k-overview__title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin: 13px 0 24px
}

@media screen and (min-width:768px) {
    .n2k-overview .n2k-overview__content .n2k-overview__title {
        font-size: 28px;
        line-height: 36px;
        margin: 8px 0 24px
    }
}

.n2k-overview .n2k-overview__content .n2k-overview__copy {
    color: #090101;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 0 0 32px
}

@media screen and (min-width:768px) {
    .n2k-overview .n2k-overview__content .n2k-overview__copy {
        margin: 0 0 40px
    }
}

.n2k-overview .n2k-overview__content .n2k-overview__cta {
    height: 40px;
    padding: 11px 30px
}

.n2k-overview .n2k-overview__image {
    position: relative;
    display: none
}

@media screen and (min-width:1024px) {
    .n2k-overview .n2k-overview__image {
        display: block;
        padding: 62px 0 20px
    }
}

.n2k-overview .n2k-overview__image img {
    position: relative;
    max-width: 475px;
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.n2k-overview .n2k-overview__image .n2k-overview__image__pattern {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-size: cover;
    z-index: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 432px;
    width: 422px
}

.true-timber {
    position: relative;
    background: #080101
}

.true-timber .true-timber__patterns-contanier {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.true-timber .true-timber__patterns-contanier .true-timber__left-pattern,
.true-timber .true-timber__patterns-contanier .true-timber__right-pattern {
    pointer-events: none
}

@media screen and (min-width:1024px) {

    .true-timber .true-timber__patterns-contanier .true-timber__left-pattern,
    .true-timber .true-timber__patterns-contanier .true-timber__right-pattern {
        position: absolute;
        top: 0
    }
}

.true-timber .true-timber__patterns-contanier .true-timber__left-pattern {
    left: 20px;
    width: 480px
}

@media screen and (min-width:768px) {
    .true-timber .true-timber__patterns-contanier .true-timber__left-pattern {
        width: 744px;
        height: 544px
    }
}

@media screen and (min-width:1024px) {
    .true-timber .true-timber__patterns-contanier .true-timber__left-pattern {
        left: 20px;
        width: 480px;
        height: 432px
    }
}

.true-timber .true-timber__patterns-contanier .true-timber__right-pattern {
    right: 0;
    width: 250px;
    height: 432px;
    display: none
}

@media screen and (min-width:1024px) {
    .true-timber .true-timber__patterns-contanier .true-timber__right-pattern {
        display: block
    }
}

.true-timber .true-timber__inner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 26px 0 88px
}

@media screen and (min-width:768px) {
    .true-timber .true-timber__inner {
        padding: 35px 84px 47px
    }
}

@media screen and (min-width:1024px) {
    .true-timber .true-timber__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 50px 63px
    }
}

.true-timber .true-timber__image {
    margin: 0 0 32px 0
}

.true-timber .true-timber__image img {
    width: 100%
}

@media screen and (min-width:768px) {
    .true-timber .true-timber__image {
        max-width: 466px;
        margin: 0 0 24px 0
    }

    .true-timber .true-timber__image img {
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .true-timber .true-timber__image {
        margin: 0 72px 0 0
    }
}

.true-timber .true-timber__content {
    text-align: center
}

@media screen and (min-width:1024px) {
    .true-timber .true-timber__content {
        text-align: left
    }
}

.true-timber .true-timber__content h2 {
    font-family: Roboto, sans-serif;
    color: rgba(255, 255, 255, .88);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 24px
}

.true-timber .true-timber__content p {
    color: #fff;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 0 0 24px
}

.true-timber .true-timber__content a {
    min-width: 202px;
    padding-top: 11px;
    padding-bottom: 11px;
    height: 40px
}

.current-offers-module {
    position: relative;
    background: #fff
}

.current-offers-module .pageNumbers {
    margin: 0;
    padding-bottom: 30px;
    padding-top: 23px
}

.current-offers-module .filter-select-trigger {
    padding: 17px 45px 17px 20px
}

.current-offers-module .no-results {
    padding: 0;
    margin-bottom: 50px;
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .current-offers-module .no-results {
        padding: 0 8px
    }
}

@media screen and (min-width:1024px) {
    .current-offers-module .no-results {
        padding: 0 9px
    }
}

.current-offers-module__content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 48px 25px 60px
}

@media screen and (min-width:768px) {
    .current-offers-module__content {
        padding-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1024px) {
    .current-offers-module__content {
        padding-top: 55px
    }
}

.current-offers-module__segments {
    border-bottom: 4px solid #169442;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

@media screen and (min-width:768px) {
    .current-offers-module__segments {
        padding-left: 25px;
        padding-right: 25px
    }
}

.current-offers-module__segments ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.current-offers-module__segments li {
    cursor: pointer
}

@media screen and (min-width:768px) {
    .current-offers-module__segments li {
        margin-right: 35px
    }
}

.current-offers-module__segments li button {
    background: 0 0;
    border: 0;
    color: inherit;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 11px 15px;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer
}

.current-offers-module__segments li button:hover {
    color: #169442
}

@media screen and (min-width:768px) {
    .current-offers-module__segments li button {
        padding: 11px 25px
    }
}

.current-offers-module__segments li.active {
    position: relative
}

.current-offers-module__segments li.active button {
    color: #169442
}

.current-offers-module__segments li.active:after {
    border-color: #169442 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    bottom: -9px;
    content: "";
    height: 0;
    left: calc(48%);
    position: absolute;
    width: 0
}

.current-offers-module__zipcode {
    position: relative;
    text-align: right;
    width: 100%;
    margin-top: 4px
}

@media screen and (min-width:768px) {
    .current-offers-module__zipcode {
        margin-top: 0;
        width: 157px
    }
}

.current-offers-module__zipcode.text-group {
    margin-bottom: 15px
}

.current-offers-module__zipcode.text-group input[type=number] {
    background-color: #ececec;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    line-height: 18px;
    max-width: 155px;
    padding: 17px 50px 17px 19px
}

.current-offers-module__zipcode.text-group input[type=number]::-webkit-input-placeholder {
    color: #4a4a4a
}

.current-offers-module__zipcode.text-group input[type=number]::-moz-placeholder {
    color: #4a4a4a
}

.current-offers-module__zipcode.text-group input[type=number]::-ms-input-placeholder {
    color: #4a4a4a
}

.current-offers-module__zipcode.text-group input[type=number]::placeholder {
    color: #4a4a4a
}

.current-offers-module__submit {
    background-color: #169442;
    border: 0;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 25px;
    cursor: pointer
}

.current-offers-module__submit:disabled {
    opacity: .5
}

.current-offers-module__submit svg {
    fill: #fff;
    height: 14px;
    margin-top: 5px;
    width: 14px
}

.current-offers-module__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px
}

@media screen and (min-width:768px) {
    .current-offers-module__filters {
        padding-bottom: 40px
    }
}

.current-offers-module__filters .filter-wrapper {
    padding: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:768px) {
    .current-offers-module__filters .filter-wrapper {
        width: calc(66.66% - 6px)
    }
}

@media screen and (min-width:768px) {
    .current-offers-module__filters .filter-select-wrap {
        margin-bottom: 0;
        width: calc(50% - 9px)
    }
}

.current-offers-module__filters .filter-select-text,
.current-offers-module__filters .filter-select-value {
    text-transform: none
}

.current-offers-module__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .current-offers-module__results {
        margin: 0 -8px
    }
}

@media screen and (min-width:1024px) {
    .current-offers-module__results {
        margin: 0 -9px
    }
}

.current-offers-module-item {
    background: #fff;
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 20px 25px 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .current-offers-module-item {
        padding: 17px 25px 30px;
        width: calc(50% - 16px);
        margin: 0 8px 30px
    }
}

@media screen and (min-width:1024px) {
    .current-offers-module-item {
        width: calc(33.333% - 18px);
        margin: 0 9px 30px
    }
}

.current-offers-module-item__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 6px;
    position: relative
}

.current-offers-module-item__img img {
    width: 100%
}

.current-offers-module-item__offers {
    background-color: #169442;
    bottom: 0;
    border-radius: 4px;
    color: rgba(255, 255, 255, .95);
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    letter-spacing: .27px;
    line-height: 16px;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

.current-offers-module-item__title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

.current-offers-module-item__title .asterisk-icon {
    margin-bottom: 6px
}

.current-offers-module-item__msrp {
    color: #4a4a4a;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 28px;
    text-transform: uppercase
}

.current-offers-module-item__cta {
    bottom: 20px;
    margin-top: auto;
    position: static;
    width: 100%
}

.current-offers-module__zipcode-alert {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-family: Roboto, sans-serif;
    letter-spacing: .41px;
    line-height: 19px;
    padding: 25px 40px 25px 25px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width:768px) {
    .current-offers-module__zipcode-alert {
        padding: 27px 90px 27px 25px
    }
}

.current-offers-module__zipcode-alert:after,
.current-offers-module__zipcode-alert:before {
    bottom: 100%;
    right: 65px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.current-offers-module__zipcode-alert:after {
    border-color: transparent transparent #fff transparent;
    border-width: 0 5px 12px 5px
}

.current-offers-module__zipcode-alert:before {
    border-color: transparent transparent #dfdfdf transparent;
    border-width: 0 7px 14px 7px;
    right: 63px
}

.current-offers-module__zipcode-alert p {
    margin: 0
}

.current-offers-module__zipcode-alert-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 3px;
    top: 17px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.current-offers-module__zipcode-alert-close svg {
    fill: #169442;
    height: 14px;
    stroke: #fff;
    stroke-width: 3px;
    -webkit-transition: fill .25s;
    transition: fill .25s;
    width: 14px
}

.current-offers-module__zipcode-alert-close:hover svg {
    fill: #169442
}

.current-offers-enter {
    display: none
}

.current-offers-enter.current-offers-enter-active {
    display: block;
    -webkit-animation: scale-display .5s;
    animation: scale-display .5s
}

.current-offers-leave.current-offers-leave-active {
    -webkit-animation: scale-display--reversed .3s;
    animation: scale-display--reversed .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.current-offers {
    padding-left: 0;
    padding-right: 0;
    background: #fff
}

@media screen and (min-width:768px) {
    .current-offers {
        background: 0 0
    }
}

.current-offers .header {
    padding-bottom: 21px
}

@media screen and (max-width:767px) {
    .current-offers .header {
        padding-bottom: 40px;
        padding-top: 25px
    }

    .current-offers .header .header-title {
        color: rgba(0, 0, 0, .88);
        font-family: Roboto, sans-serif;
        font-size: 30px;
        font-weight: 500;
        letter-spacing: .41px;
        line-height: 36px;
        text-transform: uppercase
    }
}

@media screen and (min-width:768px) {
    .current-offers .header {
        padding-bottom: 37px
    }
}

.offers-listing-module form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.offers-listing-module__zipcode {
    position: relative;
    width: 175px
}

@media screen and (min-width:768px) {
    .offers-listing-module__zipcode {
        width: 157px
    }
}

.offers-listing-module__zipcode.text-group input[type=number] {
    background-color: #ececec;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    line-height: 18px;
    padding: 17px 50px 17px 19px
}

.offers-listing-module__zipcode.text-group input[type=number]::-webkit-input-placeholder {
    color: #4a4a4a
}

.offers-listing-module__zipcode.text-group input[type=number]::-moz-placeholder {
    color: #4a4a4a
}

.offers-listing-module__zipcode.text-group input[type=number]::-ms-input-placeholder {
    color: #4a4a4a
}

.offers-listing-module__zipcode.text-group input[type=number]::placeholder {
    color: #4a4a4a
}

.offers-listing-module__submit {
    background-color: #169442;
    border: 0;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 25px;
    cursor: pointer
}

.offers-listing-module__submit:disabled {
    opacity: .5
}

.offers-listing-module__submit svg {
    fill: #fff;
    height: 16px;
    margin-top: 3px;
    width: 14px
}

.offers-listing-module__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .offers-listing-module__list {
        margin-top: 16px
    }
}

.offers-listing-module-item {
    background: #fff;
    border-bottom: 4px solid #169442;
    margin-bottom: 32px;
    padding: 25px 25px 50px
}

@media screen and (min-width:768px) {
    .offers-listing-module-item {
        padding: 30px 25px 50px
    }
}

@media screen and (min-width:1024px) {
    .offers-listing-module-item {
        padding: 30px 30px 32px
    }
}

.offers-listing-module-item:last-child {
    margin-bottom: 0
}

.offers-listing-module-item__title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 13px;
    margin-top: 0
}

.offers-listing-module-item__description {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    min-height: 24px;
    overflow: hidden
}

.offers-listing-module-item__description font {
    font-family: inherit !important
}

.offers-listing-module-item__description p:first-child {
    margin-top: 0
}

.offers-listing-module-item__description .toggle-read {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: 0 0;
    border: 0;
    color: rgba(223, 27, 33, .95);
    display: inline-block;
    padding: 0;
    text-decoration: none;
    cursor: pointer
}

.offers-listing-module-item__description .toggle-read--less {
    display: none
}

.offers-listing-module-item__description.expanded {
    height: auto
}

.offers-listing-module-item__description.expanded .toggle-read--less {
    display: block
}

.offers-listing-module-item__description.expanded .toggle-read--more {
    display: none
}

.offers-listing-module-zipcode-alert {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    font-family: Roboto, sans-serif;
    letter-spacing: .41px;
    line-height: 19px;
    margin-bottom: 24px;
    padding: 25px 40px 25px 25px;
    position: relative;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .offers-listing-module-zipcode-alert {
        margin-bottom: 40px;
        padding: 25px 90px 25px 25px
    }
}

.offers-listing-module-zipcode-alert:after {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    content: "";
    height: 0;
    position: absolute;
    top: -12px;
    right: 67px;
    width: 0;
    z-index: 2
}

.offers-listing-module-zipcode-alert:before {
    border-style: solid;
    border-width: 0 7px 14px 7px;
    border-color: transparent transparent #dfdfdf transparent;
    content: "";
    height: 0;
    position: absolute;
    top: -14px;
    right: 66px;
    width: 0
}

.offers-listing-module-zipcode-alert p {
    margin: 0
}

.offers-listing-module-zipcode-alert__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 3px;
    top: 17px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.offers-listing-module-zipcode-alert__close svg {
    fill: #169442;
    height: 14px;
    stroke: #fff;
    stroke-width: 3px;
    -webkit-transition: fill .25s;
    transition: fill .25s;
    width: 14px
}

.offers-listing-module-zipcode-alert__close:hover svg {
    fill: #169442
}

.offers-model-module {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .offers-model-module {
        margin-right: -15px
    }
}

.offers-model-module__img {
    margin-bottom: 4px
}

.offers-model-module__img img {
    width: 100%;
    height: auto
}

.offers-model-module__content {
    margin-bottom: 28px
}

.offers-model-module__title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.offers-model-module__msrp {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 16px;
    text-transform: uppercase
}

.offers-model-module__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.offers-model-module__footer a {
    display: block;
    margin-bottom: 8px;
    width: 100%
}

@media screen and (min-width:768px) {
    .offers-model-module__footer a {
        margin-bottom: 12px
    }
}

@media screen and (min-width:1024px) {
    .offers-model-module__footer a {
        margin-bottom: 0;
        width: calc(50% - 6px)
    }
}

.offer-detail {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-left: 0;
    padding-right: 0
}

.offer-detail__wrapper {
    border-top: 4px solid #169442;
    padding: 30px 25px 80px
}

@media screen and (min-width:768px) {
    .offer-detail__wrapper {
        padding: 50px 50px 80px
    }
}

@media screen and (min-width:1024px) {
    .offer-detail__wrapper {
        padding: 65px 50px 80px
    }
}

.offer-detail__back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase
}

.offer-detail__back:hover {
    color: #169442
}

.offer-detail__back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: -2px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.owners-manuals .header {
    padding: 48px 25px 32px
}

@media screen and (min-width:768px) {
    .owners-manuals .header {
        padding: 48px 50px
    }
}

.owners-manuals .filter-wrapper {
    border-top: 4px solid #169442
}

@media screen and (min-width:1200px) {
    .owners-manuals .filter-wrapper {
        padding: 55px 150px
    }
}

@media screen and (min-width:1440px) {
    .owners-manuals .filter-wrapper {
        padding: 55px 314px
    }
}

.owners-manuals .filter-wrapper.single-select {
    display: block
}

.owners-manuals .filter-wrapper.single-select .filter-selects {
    min-width: 50%
}

.owners-manuals .filter-wrapper.single-select .filter-selects .filter-select-wrap {
    min-width: 100%
}

@media screen and (min-width:768px) {
    .owners-manuals .filter-wrapper.single-select .filter-selects .filter-select-wrap {
        margin-bottom: 0
    }
}

.owners-manuals .filter-wrapper.single-select .filter-actions {
    min-width: 50%
}

@media screen and (min-width:768px) {
    .owners-manuals .filter-wrapper.single-select .filter-actions {
        margin-top: 0
    }
}

@media screen and (min-width:768px) {
    .owners-manuals .filter-wrapper.single-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.owners-manuals .filter-helper-text {
    font-size: 18px;
    text-align: center;
    text-transform: unset
}

.powerhouse {
    padding-left: 0;
    padding-right: 0
}

.two-cols {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.two-cols h2 {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .41px;
    line-height: 30px;
    margin-bottom: 18px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .two-cols h2 {
        line-height: 36px
    }
}

.two-cols__aside {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 25px 90px
}

@media screen and (min-width:768px) {
    .two-cols__aside {
        padding-left: 50px;
        padding-right: 37px
    }
}

.two-cols__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 25px 90px
}

@media screen and (min-width:768px) {
    .two-cols__main {
        padding-left: 55px;
        padding-right: 70px
    }
}

.two-cols__main-cta {
    bottom: 0;
    margin-top: auto;
    position: static;
    width: 100%
}

@media screen and (min-width:768px) {
    .two-cols__main-cta {
        width: auto;
        max-width: 200px
    }
}

.two-cols__content {
    margin-bottom: 14px
}

.preferences {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-left: 0;
    padding-right: 0
}

.preferences .header {
    background: 0 0
}

@media screen and (min-width:768px) {
    .preferences-module {
        padding-left: 50px;
        padding-right: 50px
    }
}

.preferences-module__wrapper {
    background: #fff;
    padding: 42px 25px 51px
}

@media screen and (min-width:768px) {
    .preferences-module__wrapper {
        padding: 50px 32px 52px
    }
}

@media screen and (min-width:1024px) {
    .preferences-module__wrapper {
        padding: 50px 50px 68px
    }
}

.preferences-module__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .preferences-module__form-row {
        margin-bottom: 24px
    }
}

.preferences-module__form-row .preferences-module__field {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .preferences-module__form-row .preferences-module__field {
        margin-bottom: 0
    }
}

.preferences-module__form-row .preferences-module__field .placeholder {
    bottom: 22px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    left: 23px;
    line-height: 24px
}

.footer-signup__form-row__col-2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.preferences-module__field {
    width: 100%
}

@media screen and (min-width:768px) {
    .preferences-module__field {
        width: calc(50% - 10px)
    }
}

.preferences-module__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 25px 115px
}

@media screen and (min-width:768px) {
    .preferences-module__form-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 40px 0 85px
    }
}

.preferences-module__form-bottom .raq-footer-legal {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .preferences-module__form-bottom .raq-footer-legal {
        margin-bottom: 0
    }
}

.preferences-module__form-privacy {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 38px
}

@media screen and (min-width:768px) {
    .preferences-module__form-privacy {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .preferences-module__form-privacy {
        font-style: italic
    }
}

.preferences-module__form-privacy a {
    color: #169442;
    text-decoration: none
}

.preferences-module__form-privacy a:hover {
    color: rgba(0, 0, 0, .88)
}

.preferences-module__form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: right;
    width: 100%
}

@media screen and (min-width:768px) {
    .preferences-module__form-submit {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.preferences-module__form-submit button {
    font-family: Roboto, sans-serif;
    margin-bottom: 25px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

@media screen and (min-width:768px) {
    .preferences-module__form-submit button {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 140px
    }
}

.preferences-module__unsubscribe-all {
    color: rgba(223, 27, 33, .95);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .preferences-module__unsubscribe-all {
        margin-right: 34px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.preferences-module__unsubscribe-all:hover {
    color: rgba(0, 0, 0, .88)
}

.preferences-module__error {
    background: #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: .37px;
    line-height: 24px;
    opacity: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible
}

.preferences-module__error.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.preferences-module__error-wrapper {
    padding: 8px 25px
}

.preferences-module__section-description {
    margin-bottom: 38px
}

@media screen and (min-width:768px) {
    .preferences-module__section-description {
        margin-bottom: 20px
    }
}

.unsubscribe-survey-module {
    padding-bottom: 115px
}

@media screen and (min-width:768px) {
    .unsubscribe-survey-module {
        padding-left: 50px;
        padding-right: 50px
    }
}

.unsubscribe-survey-module__wrapper {
    background: #fff;
    padding: 50px 25px 97px
}

@media screen and (min-width:768px) {
    .unsubscribe-survey-module__wrapper {
        padding: 50px 50px 97px
    }
}

@media screen and (min-width:1024px) {
    .unsubscribe-survey-module__wrapper {
        padding: 55px 50px 110px
    }
}

.unsubscribe-survey-module__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 18px;
    margin-top: 0;
    text-transform: uppercase
}

.unsubscribe-survey-module__description {
    border-bottom: 2px solid #169442;
    line-height: 24px;
    margin-bottom: 46px;
    padding-bottom: 40px
}

@media screen and (min-width:768px) {
    .unsubscribe-survey-module__description {
        padding-bottom: 49px
    }
}

.unsubscribe-survey-module__form button[type=submit] {
    margin-top: 30px;
    width: 140px
}

.unsubscribe-survey-module__form button[type=submit]:disabled {
    background: #d8d8d8;
    border-color: #d8d8d8;
    color: #4a4a4a;
    cursor: auto
}

.unsubscribe-survey-module__form-description {
    margin-bottom: 40px
}

@media screen and (min-width:768px) {
    .unsubscribe-survey-module__form-description {
        margin-bottom: 31px
    }
}

.unsubscribe-survey-module__error {
    background: #169442;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: .37px;
    line-height: 24px;
    opacity: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    visibility: visible
}

.unsubscribe-survey-module__error.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.unsubscribe-survey-module__error-wrapper {
    padding: 8px 25px
}

.preferences-update-module {
    padding-bottom: 115px;
    text-align: center
}

@media screen and (min-width:768px) {
    .preferences-update-module {
        padding-left: 50px;
        padding-right: 50px
    }
}

.preferences-update-module__wrapper {
    background: #fff;
    padding: 57px 25px 83px
}

@media screen and (min-width:768px) {
    .preferences-update-module__wrapper {
        padding: 66px 50px 89px
    }
}

@media screen and (min-width:1024px) {
    .preferences-update-module__wrapper {
        padding: 71px 50px 96px
    }
}

.preferences-update-module__title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 18px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.preferences-update-module__description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 38px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .preferences-update-module__description {
        margin-bottom: 46px
    }
}

.preferences-update-module__btn {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

@media screen and (min-width:768px) {
    .preferences-update-module__btn {
        width: 270px
    }
}

.preferences-update-module__home-link {
    color: rgba(223, 27, 33, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.preferences-update-module__home-link:hover {
    color: rgba(0, 0, 0, .88)
}

.privacy {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.privacy *+.faq__list {
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .privacy *+.faq__list {
        margin-top: 26px
    }
}

.privacy .faq__term {
    padding-bottom: 26px;
    padding-left: 48px;
    padding-top: 25px;
    background: 0 0
}

.privacy .faq__item-icon {
    left: 0;
    top: 25px
}

.privacy .faq__section-title {
    padding-left: 0;
    padding-right: 0;
    text-transform: none
}

.privacy .faq__section-title:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.privacy .faq__definition {
    padding-left: 48px;
    padding-right: 0
}

.privacy .faq__section-teaser {
    padding: 0
}

.privacy-list-wrapper {
    border-top: 4px solid #169442;
    padding: 32px 25px 120px
}

@media screen and (min-width:768px) {
    .privacy-list-wrapper {
        padding: 55px 50px 120px
    }
}

.protection-plan {
    background-color: #fff;
    padding: 0 0 60px
}

.protection-plan-back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase
}

.protection-plan-back:hover {
    color: #169442
}

.protection-plan-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: -2px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.protection-plan-rtf {
    border-top: 4px solid #169442;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px
}

@media screen and (min-width:768px) {
    .protection-plan-rtf {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 48px
    }
}

.protection-plan-rtf a {
    color: #169442;
    text-decoration: none
}

.protection-plan-rtf a:hover {
    color: #880f13
}

.protection-plan-rtf h2 {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px
}

.protection-plan-rtf ol,
.protection-plan-rtf ul {
    margin-top: 0;
    padding-left: 15px
}

.protection-plan-rtf h2+p {
    margin-top: 18px
}

@media screen and (min-width:1024px) {
    .protection-plan-rtf h2+p {
        margin-top: -1px
    }
}

.protection-plan-rtf p+p {
    margin-top: 22px
}

.protection-plan-rtf p+ol,
.protection-plan-rtf p+ul {
    margin-top: -13px
}

.protection-plan-rtf ol,
.protection-plan-rtf ul {
    list-style: none;
    padding: 0
}

.protection-plan-rtf li {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 28px;
    position: relative
}

.protection-plan-rtf li:before {
    background-color: #169442;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 12px
}

*+.protection-plan-rtf li {
    margin-top: 10px
}

.contingent-module {
    margin-top: 42px;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:768px) {
    .contingent-module {
        margin-top: 60px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .contingent-module {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 95px
    }
}

*+.contingent-column {
    margin-top: 60px
}

@media (min-width:1024px) {
    .contingent-column {
        margin-top: 0;
        padding-right: 100px;
        width: 63.47%
    }

    .contingent-column:last-child {
        min-width: 374px;
        padding-right: 0;
        width: 36.52%
    }
}

.contingent-highlights-title {
    font: 500 16px/24px;
    margin: 0;
    text-transform: uppercase
}

.contingent-highlights {
    list-style: none;
    margin: 0;
    padding: 0
}

*+.contingent-highlights {
    margin-top: 27px
}

.contingent-highlight {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 28px;
    position: relative
}

@media screen and (min-width:768px) {
    .contingent-highlight {
        font-size: 16px
    }
}

.contingent-highlight:before {
    background-color: #169442;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 12px
}

*+.contingent-highlight {
    margin-top: 30px
}

.contingent-table {
    border-bottom: 2px solid #d8d8d8;
    border-collapse: collapse;
    border-top: 0;
    table-layout: fixed;
    width: 100%
}

.contingent-table caption {
    font-size: 14px
}

.contingent-table thead {
    background: #169442
}

.contingent-table thead tr {
    background: url(/images/patterns/bg-red-diagonal.png) #169442
}

.contingent-table th {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    text-transform: uppercase
}

.contingent-table thead th {
    color: #fff;
    font: bold 16px/20px Roboto, sans-serif;
    position: relative;
    border-left: 2px solid #880f13;
    border-right: 2px solid #880f13
}

.contingent-table thead th:first-child:before,
.contingent-table thead th:last-child:before {
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
    width: 2px;
    content: ""
}

.contingent-table thead th:last-child:before {
    left: auto;
    right: -2px
}

.contingent-table thead th.contingent-table__header-products {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    border-left: 2px solid #169442;
    width: 59.25%
}

@media screen and (min-width:768px) {
    .contingent-table thead th.contingent-table__header-products {
        padding: 20px
    }
}

@media screen and (min-width:1024px) {
    .contingent-table thead th.contingent-table__header-products {
        width: 51.06%;
        padding: 10px 20px
    }
}

.contingent-table thead th.contingent-table__header-year {
    border-bottom: 1px solid #880f13;
    border-right: 2px solid #169442;
    padding: 7px 6px
}

@media screen and (min-width:768px) {
    .contingent-table thead th.contingent-table__header-year {
        display: none
    }
}

.contingent-table tbody tr:nth-child(odd) {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.contingent-table td,
.contingent-table th {
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    padding: 18px 6px;
    vertical-align: middle
}

.contingent-table tr.contingent-table__years th {
    padding: 15px 8px;
    text-align: center
}

.contingent-table tr.contingent-table__years th:last-child {
    border-right: 2px solid #169442
}

.contingent-table .contingent-table--desktop {
    display: none
}

@media screen and (min-width:768px) {
    .contingent-table .contingent-table--desktop {
        display: inline
    }
}

@media screen and (min-width:768px) {
    .contingent-table .contingent-table--mobile {
        display: none
    }
}

.contingent-table th:first-child {
    padding-left: 25px;
    padding-right: 25px;
    text-align: left
}

.contingent-table td {
    color: rgba(223, 27, 33, .95);
    font-size: 28px;
    text-align: center
}

.contingent-table td[aria-label=checked] {
    padding: 0
}

.contingent-table-checked {
    background-color: #169442;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    text-indent: -9999px;
    width: 8px
}

.contingent-payment {
    max-width: 445px
}

*+.contingent-payment {
    margin-top: 60px
}

@media (min-width:1024px) {
    *+.contingent-payment {
        margin-top: 72px
    }
}

.contingent-column:first-child .contingent-payment {
    display: none
}

@media (min-width:1024px) {
    .contingent-column:first-child .contingent-payment {
        display: block
    }
}

@media (min-width:1024px) {
    .contingent-column:last-child .contingent-payment {
        display: none
    }
}

.contingent-payment-logo {
    display: inline-block;
    max-width: 200px
}

.contingent-payment-details {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .contingent-payment-details {
        font-size: 16px
    }
}

.contingent-payment-cta {
    width: 100%
}

@media screen and (min-width:768px) {
    .contingent-payment-cta {
        min-width: 254px;
        width: auto
    }
}

*+.contingent-payment-cta {
    margin-top: 40px
}

@media screen and (min-width:768px) {
    *+.contingent-payment-cta {
        margin-top: 60px
    }
}

.contingent-providers {
    margin-top: 42px
}

@media screen and (min-width:768px) {
    .contingent-providers {
        margin-top: 82px
    }
}

@media (min-width:1024px) {
    .contingent-providers {
        margin-top: 210px
    }
}

.contingent-column:first-child .contingent-providers {
    display: none
}

@media (min-width:1024px) {
    .contingent-column:first-child .contingent-providers {
        display: block
    }
}

@media (min-width:1024px) {
    .contingent-column:last-child .contingent-providers {
        display: none
    }
}

.contingent-providers .contingent-providers__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px
}

.contingent-providers .contingent-providers__logos img {
    margin-bottom: 22px;
    width: 73%
}

@media screen and (min-width:768px) {
    .contingent-providers .contingent-providers__logos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contingent-providers .contingent-providers__logos img {
        width: calc(33.33% - 10.66px)
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .contingent-providers .contingent-providers__logos img:nth-of-type(3n+1),
    .contingent-providers .contingent-providers__logos img:nth-of-type(3n+2) {
        margin-right: 16px
    }
}

@media (min-width:1024px) {
    .contingent-providers .contingent-providers__logos img {
        width: calc(50% - 25px);
        margin-right: 0
    }

    .contingent-providers .contingent-providers__logos img:nth-of-type(2n+1) {
        margin-right: 50px
    }
}

.racing-contingent {
    background-color: #fff;
    padding: 0 0 60px
}

.racing-contingent-back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase
}

.racing-contingent-back:hover {
    color: #169442
}

.racing-contingent-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: -2px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.racing-contingent-rtf {
    border-top: 4px solid #169442;
    font-size: 14px;
    line-height: 24px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px
}

@media screen and (min-width:768px) {
    .racing-contingent-rtf {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 48px
    }
}

.racing-contingent-rtf .more-expand-trigger {
    color: #169442;
    text-decoration: none
}

.racing-contingent-rtf.expanded .more-expand-trigger {
    color: inherit
}

.raching-contingent-subtitle {
    font: 500 18px/24px Roboto, sans-serif;
    margin: 0
}

.contingent-plan {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    background-position: top;
    padding-bottom: 108px;
    padding-top: 0
}

@media screen and (min-width:768px) {
    .contingent-plan {
        padding-bottom: 120px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:1440px) {
    .contingent-plan {
        padding-bottom: 80px;
        padding-left: 181px;
        padding-right: 50px
    }
}

@media screen and (min-width:768px) {
    .contingency-plan-content-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto
    }
}

.contingency-plan-content {
    background-color: #fff;
    padding: 40px 25px 38px
}

@media screen and (min-width:768px) {
    .contingency-plan-content {
        padding: 42px 0 71px 42px
    }
}

@media screen and (min-width:1440px) {
    .contingency-plan-content {
        padding: 72px 0 94px 111px
    }
}

.contingency-plan-title {
    font: bold 24px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0
}

.contingency-plan-description {
    font-size: 14px;
    line-height: 24px;
    margin: 0
}

@media screen and (min-width:768px) {
    .contingency-plan-description {
        font-size: 16px
    }
}

*+.contingency-plan-description {
    margin-top: 15px
}

.contingency-plan-cta {
    width: 100%
}

@media screen and (min-width:768px) {
    .contingency-plan-cta {
        min-width: 220px;
        width: auto
    }
}

*+.contingency-plan-cta {
    margin-top: 60px
}

@media screen and (min-width:768px) {
    *+.contingency-plan-cta {
        margin-top: 43px
    }
}

.contingency-plan-image-wrapper {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px) {
    .contingency-plan-image-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 45.05%;
        width: 45.05%
    }
}

@media screen and (min-width:1024px) {
    .contingency-plan-image-wrapper {
        min-width: 40.69%;
        width: 40.69%
    }
}

@media screen and (min-width:1024px) {
    .contingency-plan-image-wrapper {
        min-width: 30%;
        width: 30%
    }
}

.contingency-plan-image-wrapper:before {
    background-color: #fff;
    bottom: 55%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media screen and (min-width:768px) {
    .contingency-plan-image-wrapper:before {
        bottom: 0;
        right: 55%
    }
}

.contingency-plan-image {
    max-width: 100%
}

.featured-racing {
    border-bottom: 4px solid #169442
}

.featured-racing-slider {
    position: relative
}

.featured-racing-slider .slick-next,
.featured-racing-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 61px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 116px;
    width: 29px;
    z-index: 10
}

.featured-racing-slider .slick-next:before,
.featured-racing-slider .slick-prev:before {
    content: none
}

.featured-racing-slider .slick-next svg,
.featured-racing-slider .slick-prev svg {
    fill: #fff;
    height: 15px;
    margin-left: -1px;
    width: 15px
}

@media screen and (min-width:1024px) {

    .featured-racing-slider .slick-next,
    .featured-racing-slider .slick-prev {
        top: 169px
    }
}

.featured-racing-slider .slick-prev {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 0
}

.featured-racing-slider .slick-next {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: auto;
    right: 0
}

@media screen and (min-width:1024px) {
    .featured-racing-slider .slick-next {
        left: calc(33.333% - 29px)
    }
}

.featured-racing-slider .slick-slide .featured-racing-secondary-image {
    display: none
}

@media screen and (min-width:1024px) {
    .featured-racing-slider .slick-slide .featured-racing-secondary-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.featured-racing-slider .slick-dots {
    bottom: auto;
    font-size: 0;
    width: 100%;
    top: 53%
}

@media screen and (min-width:1024px) {
    .featured-racing-slider .slick-dots {
        width: 33.33%
    }
}

.featured-racing-slider .slick-dots li {
    height: auto;
    width: auto
}

.featured-racing-slider .slick-dots .slick-dot {
    height: 10px;
    width: 10px
}

.featured-racing-slider .slick-dots .slick-dot:before {
    content: ""
}

@media screen and (min-width:1024px) {
    .featured-racing-slide-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0;
        padding-bottom: 46.6%;
        overflow: visible
    }
}

.featured-racing-image {
    width: 100%
}

@media screen and (min-width:1024px) {
    .featured-racing-image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 66.66%;
        height: 100%;
        left: 33.333%;
        position: absolute
    }
}

@media screen and (min-width:1024px) {
    .featured-racing-cols {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 33.33%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.featured-racing-cols picture {
    position: relative
}

.featured-racing-secondary-image {
    display: none
}

@media screen and (min-width:1024px) {
    .featured-racing-secondary-image {
        width: 100%
    }
}

.featured-racing-content {
    padding: 72px 25px 53px
}

@media screen and (min-width:1024px) {
    .featured-racing-content {
        height: 50%;
        padding: 11% 50px 9%
    }
}

.slick-slide:first-child:last-child .featured-racing-content {
    padding-top: 53px
}

.featured-racing-tagline {
    color: #169442;
    display: block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-transform: uppercase
}

.featured-racing-title {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    text-transform: uppercase
}

*+.featured-racing-title {
    margin-top: 3px
}

.featured-racing-description {
    margin: 0
}

*+.featured-racing-description {
    margin-top: 16px
}

.featured-racing-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    line-height: 16px
}

.featured-racing-cta svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.featured-racing-cta:hover {
    color: #169442
}

.featured-racing-cta svg {
    margin-top: -1px;
    position: relative
}

*+.featured-racing-cta {
    margin-top: 25px
}

.racing-landing {
    background-color: #fff;
    padding: 0
}

.racing-listing-title {
    font: bold 26px/24px Roboto, sans-serif;
    letter-spacing: .15px;
    margin: 0
}

@media screen and (min-width:1024px) {
    .racing-listing-title {
        margin-bottom: 14px;
        padding-top: 3px
    }
}

.racing-listing-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    background-position: bottom;
    padding: 30px 25px 36px
}

@media screen and (min-width:768px) {
    .racing-listing-content {
        padding-bottom: 43px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.racing-listing-description {
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .racing-listing-description {
        font-size: 16px
    }
}

.racing-listing-description .more-expand-trigger {
    color: #169442;
    text-decoration: none
}

.racing-listing-description>p:first-child {
    margin-top: 0
}

.racing-listing-items {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .racing-listing-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

*+.racing-listing-items {
    margin-top: 36px
}

@media screen and (min-width:1024px) {
    *+.racing-listing-items {
        margin-top: 52px
    }
}

.racing-listing-item {
    margin: 0 0 18px;
    padding: 0
}

@media screen and (min-width:768px) {
    .racing-listing-item {
        width: calc(50% - 9px)
    }
}

@media screen and (min-width:768px) {
    .racing-listing-item:nth-child(odd) {
        margin-right: 18px
    }
}

.racing-listing-link {
    text-decoration: none
}

.racing-listing-image {
    display: block;
    width: 100%
}

.racing-listing-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    display: block;
    padding: 21px 18px
}

.racing-listing-cta svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.racing-listing-cta:hover {
    color: #169442
}

@media screen and (min-width:1024px) {
    .racing-listing-cta {
        padding: 28px 18px
    }
}

[href]:hover .racing-listing-cta {
    color: #169442
}

.racing-listing-cta svg {
    position: relative;
    top: -1px
}

.racing-listing-social-media-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media screen and (min-width:1024px) {
    .racing-listing-social-media-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:1024px) {
    .racing-listing-social-media-info {
        max-width: 350px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.racing-listing-social-copy,
.racing-listing-social-copy * {
    font-size: 15px;
    letter-spacing: -.1px;
    line-height: 1.2
}

.racing-listing-social-copy:first-child {
    margin-top: 0
}

.racing-listing-social-copy:last-child {
    margin-bottom: 0
}

.racing-listing-social-media {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:1024px) {
    .racing-listing-social-media {
        margin-left: 100px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.racing-listing-social-media .social-media-link {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .88);
    font-weight: 700;
    font-size: 18px
}

.racing-listing-social-media .footer-social-icon {
    width: 33px;
    height: 33px
}

.racing-listing-social-media .social-media-label {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    margin-left: 12px
}

.racing-listing-social-media .social-media-item+.social-media-item {
    margin-top: 16px
}

.racing-listing-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px 25px 36px
}

@media screen and (min-width:768px) {
    .racing-listing-header-container {
        padding: 45px 50px
    }
}

@media screen and (min-width:1024px) {
    .racing-listing-header-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.racing-listing-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px
}

@media screen and (min-width:1024px) {
    .racing-listing-header {
        margin-top: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width:1440px) {
    .racing-listing-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.racing-listing-header .racing-listing-title {
    margin-right: 70px
}

.racing-listing-header .footer-social {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin: 20px 0
}

.racing-listing-header .footer-social svg {
    height: 33px;
    width: 33px;
    display: block
}

@media screen and (min-width:1024px) {
    .racing-listing-header .footer-social {
        margin: 0
    }
}

.racing-listing-header .footer-social-link {
    padding: 0
}

.racing-listing-header .footer-social-item {
    margin-right: 20px
}

@media screen and (min-width:768px) {
    .racing-listing-header .footer-social-item:last-child {
        margin-right: 0
    }
}

.event-calendar {
    border-top: 4px solid #169442
}

@media screen and (min-width:1024px) {
    .event-calendar table:before {
        top: 44px
    }
}

@media screen and (min-width:1024px) {
    .event-calendar thead th {
        text-align: left
    }
}

.event-calendar-title {
    font: 500 30px/36px Roboto, sans-serif;
    margin-bottom: 18px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .event-calendar-title {
        font-size: 36px;
        letter-spacing: .6px;
        margin-bottom: 30px
    }
}

.racing-riders {
    background-color: #fff;
    padding: 0
}

.racing-riders-back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase
}

.racing-riders-back:hover {
    color: #169442
}

.racing-riders-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin-left: -2px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px
}

.racing-riders-banner {
    display: block;
    width: 100%
}

.racing-riders-banner img {
    display: block;
    width: 100%
}

.team-members.gear-module {
    margin-top: 0;
    padding-bottom: 66px
}

@media (min-width:768px) {
    .team-members.gear-module {
        padding-bottom: 114px
    }
}

.team-members .gear-module-item__display-trigger {
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media (max-width:767px) {
    .team-members .gear-module-item__display-trigger {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px 0 34px
    }
}

@media (min-width:768px) {
    .team-members .gear-module-item__display-trigger {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: 118px;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .team-members .gear-module-item__display-trigger {
        min-height: 122px
    }
}

@media (max-width:767px) {
    .team-members .expanded .gear-module-item__display-trigger {
        -webkit-transition: height .25s;
        transition: height .25s;
        height: 65px
    }
}

.team-members .gear-module__display-icon {
    top: 22px;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media (min-width:768px) {
    .team-members .gear-module__display-icon {
        top: calc(50% - 12px)
    }
}

.team-members .gear-module-item__content-wrapper>:last-child {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .team-members .gear-module-item__content-wrapper>:last-child {
        margin-bottom: 100px
    }
}

.team-members-section-title {
    font: 500 18px/24px Roboto, sans-serif;
    margin: 0;
    padding: 40px 25px
}

@media (min-width:768px) {
    .team-members-section-title {
        font-size: 24px;
        font-weight: 700;
        padding-bottom: 30px;
        padding-top: 50px
    }
}

@media (min-width:768px) {
    .team-members-section-title:first-child {
        padding-top: 40px
    }
}

@media (min-width:1024px) {
    .team-members-section-title:first-child {
        padding-top: 60px
    }
}

.team-member-image-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
    padding: 4px;
    position: relative;
    width: 92px
}

@media (min-width:768px) {
    .team-member-image-wrapper {
        margin-top: -90px;
        width: 170px
    }
}

@media (min-width:1024px) {
    .team-member-image-wrapper {
        margin-top: -70px
    }
}

.team-member-image {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    height: 84px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 84px
}

.expanded .team-member-image {
    opacity: 0;
    visibility: hidden
}

.gear-module-item__content-wrapper .team-member-image {
    border: 4px solid transparent;
    display: block;
    height: 84px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    visibility: visible;
    width: 84px
}

@media (min-width:768px) {
    .gear-module-item__content-wrapper .team-member-image {
        border-width: 5px;
        height: 160px;
        width: 160px
    }
}

.team-member-name {
    display: block;
    margin-top: 10px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    visibility: visible
}

@media (min-width:768px) {
    .team-member-name {
        margin-top: 0
    }
}

.expanded .team-member-name {
    opacity: 0;
    visibility: hidden
}

@media (min-width:768px) {
    .gear-module-item__display-trigger .team-member-name {
        margin-left: 26px
    }
}

.gear-module-item__content-wrapper .team-member-name {
    display: block;
    font: 500 18px/30px Roboto, sans-serif;
    letter-spacing: .49px;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    visibility: visible
}

@media (min-width:768px) {
    .gear-module-item__content-wrapper .team-member-name {
        font-size: 24px;
        font-weight: 700;
        margin-top: 21px
    }
}

.team-member-featured-image {
    width: 100%
}

.team-member-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 14px
}

@media screen and (min-width:768px) {
    .team-member-social {
        margin-top: 32px;
        margin-bottom: 12px
    }
}

.team-member-social a {
    background: 0 0;
    cursor: pointer;
    border: none;
    fill: #169442;
    padding: 0
}

.team-member-social a:not(:last-of-type) {
    margin-right: 24px
}

.team-member-social a:hover {
    fill: #9b9b9b
}

.team-member-ctas {
    margin-top: 18px;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:768px) {
    .team-member-ctas {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }
}

.team-member-cta {
    margin: 0;
    margin-bottom: 12px;
    width: 100%
}

@media (min-width:768px) {
    .team-member-cta {
        margin-left: 9px;
        margin-right: 9px;
        min-width: 254px;
        width: auto
    }
}

.team-member-cta.btn-outline {
    border-width: 1px
}

.team-member-subtitle {
    font: 500 18px/24px Roboto, sans-serif;
    letter-spacing: .55px;
    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .team-member-subtitle {
        padding-left: 60px;
        padding-right: 60px
    }
}

.team-member-ctas+.team-member-subtitle {
    margin-top: 36px
}

@media (min-width:768px) {
    .team-member-ctas+.team-member-subtitle {
        margin-top: 48px
    }
}

@media (min-width:1024px) {
    .team-member-ctas+.team-member-subtitle {
        margin-top: 38px
    }
}

.team-member-featured-model+.team-member-subtitle {
    margin-top: 73px
}

@media (min-width:768px) {
    .team-member-featured-model+.team-member-subtitle {
        margin-top: 60px
    }
}

.team-member-featured-model.model {
    display: block;
    float: none;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
    padding: 0;
    width: auto
}

@media (min-width:1024px) {
    .team-member-featured-model.model {
        margin-left: 60px;
        margin-right: 60px
    }
}

.team-member-featured-model.model .model-inner {
    border: 1px solid #d8d8d8;
    padding: 58px 25px 40px
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 42px 30px
    }
}

@media (min-width:1024px) {
    .team-member-featured-model.model .model-inner {
        padding: 30px 30px 55px 45px
    }
}

.team-member-featured-model.model .model-image-wrap {
    padding-bottom: 60px
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-image-wrap {
        padding-bottom: 0
    }
}

.team-member-featured-model.model .model-info {
    margin-bottom: 0
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-info {
        text-align: center;
        max-width: 50%;
        width: 50%
    }
}

@media (min-width:1024px) {
    .team-member-featured-model.model .model-info {
        padding-left: 60px;
        padding-right: 30px
    }
}

.team-member-featured-model.model .model-info__wrapper {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-info__wrapper {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-image-wrap {
        width: 50%;
        padding-bottom: 0;
        padding-right: 10px
    }
}

@media (min-width:1024px) {
    .team-member-featured-model.model .model-image-wrap {
        padding-right: 0
    }
}

@media (min-width:768px) {
    .team-member-featured-model.model .model-price {
        margin-bottom: 0;
        margin-top: 23px;
        text-align: left
    }
}

.team-member-featured-model-logo-wrapper {
    margin-bottom: 10px;
    text-align: center
}

.team-member-featured-model-logo {
    max-width: 100%
}

.team-member-related-models {
    list-style: none;
    margin: 0;
    padding: 0 25px
}

@media (min-width:768px) {
    .team-member-related-models {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1024px) {
    .team-member-related-models {
        padding-left: 60px;
        padding-right: 60px
    }
}

*+.team-member-related-models {
    margin-top: 24px
}

.team-member-related-models .model {
    margin: 0 0 18px;
    padding: 0
}

@media (min-width:768px) {
    .team-member-related-models .model {
        margin-right: 22px;
        width: calc(50% - 11px)
    }
}

@media (min-width:1024px) {
    .team-member-related-models .model {
        margin-right: 18px;
        width: calc(33.33% - 12px)
    }
}

@media (min-width:768px) {
    .team-member-related-models .model:nth-child(even) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .team-member-related-models .model:nth-child(even) {
        margin-right: 18px
    }
}

@media (min-width:1024px) {
    .team-member-related-models .model:nth-child(3n) {
        margin-right: 0
    }
}

.team-member-related-models .model-image-wrap {
    padding-bottom: 16px
}

@media (min-width:768px) {
    .team-member-related-models .model-image-wrap {
        padding-bottom: 18px
    }
}

.team-member-related-models .model-inner {
    border: 1px solid #d8d8d8;
    padding: 22px 15px
}

@media (min-width:768px) {
    .team-member-related-models .model-inner {
        padding: 22px 18px
    }
}

.raq-confirm {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 33px 25px 40px
}

@media screen and (min-width:768px) {
    .raq-confirm {
        padding: 40px 50px
    }
}

.raq-confirm .row {
    margin: 0
}

.raq-confirm .selected-dealer-list {
    margin-bottom: 35px;
    margin-left: -15px;
    margin-right: -15px
}

.raq-confirm-header {
    background: #fff;
    margin-top: 0;
    padding: 40px;
    text-transform: uppercase
}

.confirm-laststep {
    margin-top: 0;
    margin-bottom: 50px
}

@media screen and (min-width:768px) {
    .confirm-laststep {
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) {
    .confirm-laststep {
        margin-bottom: 68px
    }
}

.confirm-model-header {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 18px
}

.confirm-dealers-header {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    text-transform: uppercase
}

.confirm-contact-header {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    padding-top: 0;
    text-transform: uppercase
}

.confirm-success {
    font-weight: 700
}

.contact-wrapper {
    padding-bottom: 2.5em;
    font-size: 16px
}

.contact-block label {
    display: block;
    font-weight: 700
}

.selected-dealer-list {
    padding-left: 0
}

.confirm-dealer {
    margin-bottom: 35px
}

.confirm-dealer .confirm-dealer-name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.confirm-dealer .confirm-dealer-distance {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 24px;
    padding-top: 3px
}

.confirm-dealer .confirm-dealer-address {
    line-height: 1em;
    margin: .5em 0
}

.confirm-dealer .confirm-dealer-phone {
    margin-bottom: 0;
    margin-top: 33px
}

.confirm-dealer__wrapper {
    background: #fff;
    border-bottom: 3px solid #169442;
    height: 100%;
    padding: 36px 22px 54px
}

@media screen and (min-width:768px) {
    .confirm-dealer__wrapper {
        padding: 37px 40px 44px
    }
}

.confirm-model-detail {
    background: #fff;
    border-bottom: 4px solid #169442;
    margin-bottom: 60px;
    margin-left: 0;
    margin-right: 0;
    padding: 42px 31px
}

@media screen and (min-width:768px) {
    .confirm-model-detail {
        padding: 36px 25px
    }
}

@media screen and (max-width:767px) {
    .bp .confirm-model-detail {
        margin-left: -25px;
        margin-right: -25px;
        padding: 40px 10px 72px;
        width: calc(100% + 50px)
    }
}

@media screen and (min-width:768px) {
    .bp .confirm-model-detail {
        padding: 40px 25px 73px
    }
}

@media screen and (min-width:1024px) {
    .bp .confirm-model-detail {
        padding: 40px 33px 73px
    }
}

.confirm-model-detail .swatch-year.swatch-year {
    font-size: 16px
}

.confirm-model-detail .swatch-name.swatch-name {
    font-weight: 500;
    font-size: 18px
}

.confirm-model-detail .swatch-price.swatch-price {
    font-size: 14px
}

.confirm-model-total {
    color: #4a4a4a
}

.confirm-img {
    max-width: 100%;
    padding: 0
}

.confirm-model-detail-year {
    color: rgba(223, 27, 33, .95);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 2px
}

.confirm-model-detail-name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 32px
}

.confirm-model-detail-name .asterisk-icon {
    margin-bottom: 5px
}

.confirm-modal-detail-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.confirm-options-wrapper {
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.confirm-options-wrapper .options-header {
    border-bottom: 1px solid #9b9b9b;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 23px;
    margin-top: 0;
    padding-bottom: 5px
}

.confirm-options-wrapper .options-list {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-left: 0
}

.confirm-options-wrapper .options-msrp {
    color: #4a4a4a;
    font-size: 16px;
    margin-bottom: 39px
}

.confirm-options-wrapper .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 16px;
    margin-bottom: 14px
}

.confirm-options-wrapper .option-item.option-items-total {
    margin-bottom: 32px
}

.confirm-options-wrapper .option-name {
    float: left
}

.confirm-options-wrapper .option-value {
    color: #4a4a4a;
    float: right
}

.confirm-options-wrapper .msrp-disclaimer {
    margin-left: 5px
}

.confirm-options-wrapper .options-final-price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.confirm-options-wrapper .options-extra-price {
    color: #4a4a4a;
    display: block;
    font-size: 12px;
    text-transform: capitalize
}

.confirm-options-wrapper .options-footer {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    padding: 18px 25px 13px;
    text-align: center
}

.confirm-options-wrapper .options-footer-msrp {
    color: #4a4a4a
}

.confirm-options-wrapper .options-footer-msrp h4 {
    margin: 0
}

.confirm-swatch-wrapper {
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .confirm-swatch-wrapper {
        padding: unset
    }
}

.confirm-swatch-wrapper .swatch-year {
    color: rgba(223, 27, 33, .95);
    font-size: .9em;
    font-weight: 700;
    margin-bottom: 0
}

.confirm-swatch-wrapper .swatch-name {
    font-weight: 700;
    margin-bottom: .3em;
    margin-top: 0
}

.confirm-swatch-wrapper .swatch-color-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5em;
    margin-top: .5em
}

.confirm-swatch-wrapper .swatch-color {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 1.5em;
    margin-right: .5em;
    width: 1.5em
}

.confirm-swatch-wrapper .swatch-colorname {
    color: #4a4a4a;
    font-size: .8em;
    line-height: 1.8em
}

.confirm-swatch-wrapper .swatch-price {
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .8em
}

.confirm-button-wrapper {
    margin: 42px 0 22px 0
}

@media screen and (min-width:768px) {
    .confirm-button-wrapper {
        margin: 42px 0 46px 0
    }
}

.confirm-thankyou-button {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    margin: 0 0 18px 0;
    padding: 1em 2em;
    width: 100%
}

.confirm-thankyou-button:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .confirm-thankyou-button:hover {
        border-color: #169442;
        background-color: #169442
    }
}

@media screen and (min-width:768px) {
    .confirm-thankyou-button {
        margin: 0 18px 0 0;
        width: auto
    }
}

.confirm-thankyou-header {
    margin-top: 0
}

.dealer-filters-main {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 20px 25px
}

@media screen and (min-width:768px) {
    .dealer-filters-main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 50px
    }
}

.dealer-filters-secondary {
    background: #fff;
    padding: 20px 25px
}

@media screen and (min-width:768px) {
    .dealer-filters-secondary {
        padding: 20px 50px
    }
}

.dealer-filters-text {
    color: #090101;
    font-size: 14px;
    margin: 0
}

.filters-search-label {
    color: #fff;
    left: -9999em;
    position: absolute
}

.filters-search {
    width: auto
}

.filters-search-form {
    margin-top: 20px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .filters-search-form {
        margin-top: 0;
        width: auto
    }
}

.filters-search-error {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    position: absolute;
    top: 100%
}

.filters-search-error-icon {
    fill: #fff;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    width: 14px
}

.filters-search-inner {
    position: relative;
    width: 100%
}

.filters-search-inner ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.filters-search-inner ::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.filters-search-inner :-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.filters-search-inner :-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.filters-search-input {
    background: #880f13;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 15px 50px 15px 15px;
    width: 100%
}

.filters-search-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.filters-search-icon {
    fill: #fff;
    height: 14px;
    width: 14px
}

.filters-search-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #169442;
    border: 0;
    border-radius: 3px;
    padding: 4px 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filters-search-submit:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.filters-services {
    width: 100%
}

@media screen and (min-width:768px) {
    .filters-services {
        margin-left: 20px;
        width: 320px
    }
}

.filters-services-button {
    border: 1px solid #169442;
    padding: 16px 60px;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .filters-services-button {
        z-index: 1
    }
}

.filters-services-button:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.filters-services-icon {
    fill: #fff;
    height: 20px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px
}

.filters-services-toggle {
    background: #169442;
    border-radius: 3px;
    height: 25px;
    margin-top: -10px;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 25px
}

.filters-services-toggle svg {
    fill: #fff;
    height: 14px;
    left: 5px;
    margin-top: 1px;
    position: absolute;
    width: 14px
}

.filters-services-toggle--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.active .filters-services-toggle--down {
    opacity: 0
}

.filters-services-toggle--up {
    margin-top: 2px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.active .filters-services-toggle--up {
    opacity: 1
}

.filters-services-label {
    display: block;
    text-align: left
}

.filters-search {
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .filters-search {
        margin: 0;
        width: 150px
    }
}

.raq-dealer-wrap {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-bottom: 50px
}

.active .raq-dealer-wrap .service-dropdown__wrapper {
    top: 116px
}

.dealer-listing-subtext {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px
}

.dealer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width:576px) {
    .dealer-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }
}

.dealer-listing-wrap {
    padding: 20px 25px
}

@media screen and (min-width:576px) {
    .dealer-listing-wrap {
        padding: 30px 50px
    }
}

@media screen and (min-width:576px) {
    .dealer-listing-wrap {
        padding: 40px 50px
    }
}

.dealer {
    padding: 10px 0;
    width: 100%
}

@media screen and (min-width:576px) {
    .dealer {
        padding: 10px 9px;
        width: 50%
    }
}

@media screen and (min-width:1440px) {
    .dealer {
        width: 33.33%
    }
}

.dealer.dealers-appear,
.dealer.dealers-enter {
    height: 0;
    opacity: 0
}

.dealer.dealers-appear.dealers-appear-active,
.dealer.dealers-enter.dealers-enter-active {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.dealer.dealers-leave {
    height: 0;
    opacity: 1
}

.dealer.dealers-leave.dealers-leave-active {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.dealer-inner {
    background: #fff;
    border-bottom: 4px solid #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 345px;
    padding: 55px 25px 30px;
    position: relative
}

@media screen and (min-width:576px) {
    .dealer-inner {
        padding: 43px 43px 51px
    }
}

@media screen and (min-width:1024px) {
    .dealer-inner {
        min-height: 0
    }
}

.dealer-name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

.access-modal .dealer-name {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px
}

.dealer-distance {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0
}

.dealer-address {
    font-size: 16px;
    margin: 20px 0 33px;
    text-transform: uppercase
}

.dealer-address span {
    display: block
}

.dealer-select {
    bottom: 0;
    display: block;
    margin-top: auto;
    position: static;
    width: calc(100% - 50px)
}

@media screen and (min-width:768px) {
    .dealer-select {
        width: calc(100% - 80px)
    }
}

@media screen and (min-width:1024px) {
    .dealer-select {
        bottom: 0;
        position: relative;
        width: 232px
    }
}

.dealer-flag {
    background: #169442;
    border-radius: 5px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    padding: 0 15px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 20px
}

.dealer-details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin-bottom: 37px;
    text-align: left
}

.dealer-details svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.dealer-details:hover {
    color: #169442
}

.dealer-details svg {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.dealer-address-link {
    color: #090101;
    text-decoration: none
}

.dealer-address-link:hover {
    color: #169442
}

.dealer-phone {
    color: #090101;
    display: inline-block;
    margin-bottom: 12px;
    text-decoration: none
}

.dealer-phone:hover {
    color: #169442
}

.raq-dealer-wrap .access-modal {
    font-size: 14px
}

@media screen and (min-width:768px) {
    .raq-dealer-wrap .access-modal {
        font-size: 16px
    }
}

.access-modal .dealer-distance {
    margin-bottom: 35px
}

@media screen and (min-width:768px) {
    .access-modal .dealer-distance {
        margin-bottom: 40px
    }
}

.access-modal .website {
    margin-bottom: 21px
}

.access-modal .dealer-address {
    font-size: 14px;
    margin-bottom: 22px
}

@media screen and (min-width:768px) {
    .access-modal .dealer-address {
        font-size: 16px;
        margin-bottom: 17px
    }
}

.access-modal .direction {
    margin-bottom: 46px
}

.access-modal .dealer-service h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-top: 30px
}

.access-modal .operations {
    margin-top: 44px
}

.access-modal .operations h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-top: 30px
}

.access-modal .operations h5 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .31px;
    line-height: 24px;
    margin-top: 30px
}

@media screen and (min-width:768px) {
    .access-modal .operations h5 {
        font-size: 16px;
        letter-spacing: .36px
    }
}

.access-modal .services {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 44px
}

.access-modal .services h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-top: 30px
}

.access-modal .services ul {
    margin-bottom: 0
}

.access-modal .services>div {
    width: 100%
}

@media screen and (min-width:768px) {
    .access-modal .services>div {
        width: 50%
    }
}

.raq-dealer-wrap .access-modal-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.dealer-page {
    padding-bottom: 30px;
    text-align: center
}

.dealer-page-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin: 0 14px;
    padding: 5px;
    vertical-align: middle
}

.dealer-page-trigger:disabled {
    cursor: default;
    opacity: .5
}

.dealer-page-trigger.hide {
    visibility: hidden
}

.dealer-page-icon {
    fill: #169442;
    height: 16px;
    width: 16px
}

.dealer-page-trigger:disabled .dealer-page-icon {
    fill: #090101
}

.dealer-page-icon .dealer-page-trigger:hover {
    fill: #169442
}

.dealer-page-text {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle
}

.dealer-page-label {
    color: #4a4a4a;
    margin: 0 10px
}

.service-dropdown {
    padding: 25px 10px 20px
}

@media screen and (min-width:768px) {
    .service-dropdown {
        padding-top: 50px
    }
}

.service-list {
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0
}

.service-dropdown-section+.service-dropdown-section {
    margin-top: 20px
}

.service-dropdown-inner {
    padding: 0 0 0 20px
}

.service-dropdown-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9;
    border-radius: 10px;
    margin: 10px
}

.service-dropdown-inner::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px
}

.service-dropdown-inner::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.service-dropdown-label {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.service-list-item {
    font-family: Roboto, sans-serif;
    font-size: 14px
}

.service-list-item--zero {
    opacity: .3;
    pointer-events: none
}

.service-dropdown-reset {
    border-top: 2px solid #169442;
    margin: 10px -10px -20px;
    padding: 20px 30px;
    text-align: right
}

.service-dropdown-trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: 14px
}

.service-dropdown-trigger svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.service-dropdown-trigger:hover {
    color: #169442
}

svg.service-dropdown-icon {
    height: 18px;
    margin-right: 10px;
    width: 18px
}

.service-list-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: rgba(0, 0, 0, .88);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: visible;
    padding: 28px 20px 28px 60px;
    position: relative;
    text-align: left;
    width: 100%;
    cursor: pointer
}

.service-list-total {
    color: #4a4a4a;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service-list-toggle {
    background: #d8d8d8;
    border-radius: 12.5px;
    display: inline-block;
    height: 25px;
    left: 0;
    margin-right: 20px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    vertical-align: middle;
    width: 46px
}

.service-list-toggle:before {
    background: #fff;
    border-radius: 10.5px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .88);
    content: attr(data-toggle);
    font-size: 10px;
    font-weight: 900;
    height: 21px;
    left: 2px;
    letter-spacing: .25px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 33px
}

.service-list-toggle.filter-active {
    background: #169442
}

.service-list-toggle.filter-active:before {
    left: auto;
    right: 2px
}

.service-list-close {
    background: 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.raq-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: inset 0 4px 0 0 #ececec;
    box-shadow: inset 0 4px 0 0 #ececec;
    background: #fff;
    bottom: 0;
    left: 0;
    padding: 1.5em 25px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.5em);
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    z-index: 99
}

@media screen and (min-width:768px) {
    .raq-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 29px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 29px
    }
}

@media screen and (min-width:1024px) {
    .raq-footer {
        left: auto
    }
}

@media screen and (min-width:1440px) {
    .raq-footer {
        max-width: 1600px
    }
}

.raq-footer .button {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 16px 25px;
    width: 160px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.raq-footer .button:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .raq-footer .button:hover {
        border-color: #169442;
        background-color: #169442
    }
}

@media screen and (min-width:768px) {
    .raq-footer .button {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 165px
    }
}

.raq-footer .button--disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.raq-footer.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1)
}

.raq-footer-legal {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 15px
}

@media screen and (min-width:768px) {
    .raq-footer-legal {
        margin-bottom: 0;
        margin-right: 32px
    }
}

.raq-footer-checkbox {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .15px;
    line-height: 18px;
    margin-bottom: 0
}

.raq-footer-checkbox .checkmark {
    border-radius: 2px
}

.raq-footer-checkbox .checkmark:after {
    border-radius: 2px
}

.raq-footer-checkbox a {
    text-decoration: none;
    color: rgba(223, 27, 33, .95)
}

.RAQModal--opened {
    position: fixed
}

.raq-modal {
    position: fixed;
    z-index: 9999;
    top: 100vh;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.raq-modal__header {
    width: 100%;
    height: 79px;
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 25px
}

.raq-modal__header:after,
.raq-modal__header:before {
    content: "";
    display: table;
    line-height: 0
}

.raq-modal__header:after {
    clear: both
}

@media (min-width:768px) {
    .raq-modal__header {
        padding: 25px 50px
    }
}

.raq-modal__header-title {
    color: #fff;
    float: left;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.raq-modal__header-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    float: right;
    padding: 0
}

.raq-modal__header-close:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.raq-modal__header-close-icon {
    fill: #fff;
    height: 26px;
    stroke: #169442;
    stroke-width: 3px;
    width: 26px
}

.raq-modal__body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    background: #fff
}

.raq-modal__body iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.model-list {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 20px 25px 70px
}

@media screen and (min-width:768px) {
    .model-list {
        padding: 50px 50px 66px
    }
}

.model-list-toggle {
    background: #169442;
    border-radius: 4px;
    left: 0;
    line-height: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
    .model-list-toggle {
        display: none
    }
}

.model-list-toggle.show-list {
    background: #090101
}

.model-list-icon {
    fill: #fff;
    height: 14px;
    width: 14px
}

.model-list-heading {
    border-bottom: 1px solid #9b9b9b;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0;
    padding: 10px 0 10px 40px;
    position: relative
}

@media screen and (min-width:1024px) {
    .model-list-heading {
        border: 0;
        margin-bottom: 12px;
        padding: 0
    }
}

.model-list-list {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -3px;
    padding: 0
}

@media screen and (min-width:768px) {
    .model-list-list {
        margin: 0 -8px
    }
}

@media screen and (min-width:1024px) {
    .model-list-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -9px 50px
    }
}

.model-list-list.show-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.model-nav {
    background: #fff
}

.model-nav-list {
    border-bottom: 4px solid #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0 10px
}

@media screen and (min-width:768px) {
    .model-nav-list {
        padding: 10px 25px 0
    }
}

.model-nav-list+.raq-section-title {
    border: 0;
    margin-top: 0
}

.model-nav-item {
    margin: 0
}

@media screen and (min-width:768px) {
    .model-nav-item+.model-nav-item {
        margin-left: 35px
    }
}

.model-nav-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    overflow: visible;
    padding: 11px 15px;
    position: relative;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .model-nav-link {
        padding: 11px 25px
    }
}

.model-nav-link:before {
    border: solid transparent;
    border-top-color: #169442;
    border-width: 0 6px 0;
    content: '';
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: calc(100% + 4px);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.model-nav-link.active-link {
    color: #169442
}

.model-nav-link.active-link:before {
    border-top-width: 6px
}

.model-trim-view .trim-main {
    min-height: 300px
}

.model {
    padding: 6px 3px;
    width: 50%
}

@media screen and (min-width:768px) {
    .model {
        padding: 9px 8px;
        width: 33.333%
    }
}

@media screen and (min-width:1024px) {
    .model {
        padding: 12px 9px;
        width: 25%
    }
}

.model-inner {
    background: #fff;
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    min-height: auto;
    width: 100%;
    padding: 13px 13px 25px
}

@media screen and (min-width:768px) {
    .model-inner {
        position: relative
    }
}

.model-image-wrap {
    padding-bottom: 6px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.model-flag {
    background: #169442;
    border-radius: 4px;
    bottom: 5px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    padding: 0 24px;
    position: absolute;
    text-transform: uppercase
}

.model-img {
    display: block;
    width: 100%
}

.model-info {
    margin-bottom: 15px
}

.model-select {
    bottom: 20px;
    display: block;
    margin-top: auto;
    position: static;
    width: 100%
}

.model-select.active,
.model-select.selected {
    background: #169442;
    border-color: #169442
}

.model-title {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

.model-title .asterisk-icon {
    margin-bottom: 5px
}

.model-price {
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    text-transform: uppercase
}

.modal-grid {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.services {
    border-top: 2px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding-top: 20px
}

.services li:before {
    color: #169442;
    content: '\25A0';
    font-size: 1.25em;
    margin-right: 10px
}

.services>div {
    width: 50%
}

.services ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 0
}

.operations {
    border-top: 2px solid #dfdfdf;
    margin-top: 50px;
    padding-top: 20px
}

.operations h5 {
    margin-bottom: 5px
}

.operations ul {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0
}

.direction,
.website {
    margin: 0
}

.direction img,
.website img {
    margin-right: 10px;
    max-width: 50px
}

.service-types {
    list-style-type: none;
    padding-left: 0
}

.service-types li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.service-types img {
    margin-right: 10px;
    max-height: 26px;
    max-width: 26px
}

.service-types .disclaimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.access-item h3,
.access-item h4 {
    text-transform: uppercase
}

.radio {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    padding-left: 25px;
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .radio {
        padding-left: 30px
    }
}

@media screen and (min-width:768px) {
    .radio {
        margin-right: 80px
    }
}

.radio input[type=radio] {
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.radio .checkmark {
    border: 2px solid #169442;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.checkmark:after {
    content: '';
    display: none;
    position: absolute
}

.radio input:checked+.checkmark:after {
    display: block
}

.radio .checkmark:after {
    background: #169442;
    border-radius: 50%;
    height: 12px;
    left: 2px;
    top: 2px;
    width: 12px
}

.raq-request {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    min-height: 900px;
    padding-bottom: 100px
}

.raq-request .raq-section-title {
    background: #fff;
    margin-bottom: 31px;
    margin-top: 0
}

.raq-request-address-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.raq-request-address-fields__city {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}

@media screen and (min-width:768px) {
    .raq-request-address-fields__city {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 38.93%;
        flex: 0 0 38.93%;
        width: 38.93%
    }
}

.raq-request-address-fields__state {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47.03%;
    flex: 0 0 47.03%;
    width: 47.03%
}

@media screen and (min-width:768px) {
    .raq-request-address-fields__state {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 28.09%;
        flex: 0 0 28.09%;
        width: 28.09%
    }
}

.raq-request-address-fields__state .trim-select-icon,
.raq-request-address-fields__state input {
    cursor: pointer
}

.raq-request-address-fields__zipcode {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47.03%;
    flex: 0 0 47.03%;
    width: 47.03%
}

@media screen and (min-width:768px) {
    .raq-request-address-fields__zipcode {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 26.99%;
        flex: 0 0 26.99%;
        width: 26.99%
    }
}

.raq-request__wrapper {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .raq-request__wrapper {
        padding: 0 50px
    }
}

@media screen and (min-width:1440px) {
    .raq-request__wrapper {
        max-width: 514px;
        margin: auto
    }

    .raq-request__wrapper .col-lg-6 {
        max-width: 514px;
        margin: 0;
        width: 100%
    }

    .raq-request__wrapper .row {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.raq-request__wrapper .text-group:nth-of-type(4) {
    width: 50%
}

.raq-request__wrapper .text-group input[type=number],
.raq-request__wrapper .text-group input[type=text] {
    padding-top: 15px;
    padding-bottom: 15px
}

.raq-request__wrapper .text-group label .placeholder {
    text-transform: none;
    color: #9b9b9b;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.raq-request__wrapper .text-group label .placeholder .asterik {
    color: #9b9b9b;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 5px
}

.raq-request__wrapper .radio {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 16px;
    text-transform: none;
    margin-bottom: 24px;
    font-family: Roboto
}

.raq-request__wrapper .radio .checkmark {
    bottom: 0;
    margin: auto 0
}

.raq-request__wrapper .radio input[type=checkbox] {
    display: none
}

.raq-request__wrapper textarea {
    margin-top: 8px;
    max-height: 200px
}

@media screen and (min-width:768px) {
    .raq-request__wrapper .row .col-lg-6:first-child {
        padding-right: 10px;
        max-width: 452px
    }
}

.request-sub-header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 73px;
    text-transform: uppercase
}

.request .btn-red {
    width: 200px
}

select {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    color: #797979;
    outline: 0;
    padding: 15px 30px;
    width: 100%
}

.text-group {
    margin-bottom: 24px;
    position: relative
}

.text-group input[type=number],
.text-group input[type=text] {
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 24px;
    visibility: visible;
    padding: 22px 19px;
    width: 100%
}

@media (min-width:768px) {

    .text-group input[type=number],
    .text-group input[type=text] {
        font-size: 14px
    }
}

.text-group input[type=number].error,
.text-group input[type=text].error {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.text-group label .placeholder {
    bottom: calc(50% - 11px);
    color: #4a4a4a;
    font-size: 14px;
    left: 19px;
    visibility: visible;
    pointer-events: none;
    position: absolute
}

.text-group label {
    color: #4a4a4a;
    text-transform: capitalize
}

.text-group label .errors,
.text-group label .mini-placeholder {
    font-size: 9px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-transform: capitalize;
    top: 2px
}

.text-group label .errors {
    visibility: hidden
}

.text-group label .mini-placeholder {
    display: none
}

.form-label--out {
    color: rgba(0, 0, 0, .88);
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px
}

.placeholder .asterik {
    color: #169442
}

.errors {
    color: rgba(223, 27, 33, .95)
}

.text-group label.error .errors {
    visibility: visible
}

.text-group label.error .mini-placeholder {
    visibility: hidden
}

.text-group input:focus+label .placeholder {
    visibility: hidden
}

.text-group input:focus+label .mini-placeholder {
    visibility: visible
}

.error .mini-placeholder {
    display: none
}

.text-group input:not([value=""])+label .placeholder {
    display: none
}

.text-group input::-ms-clear {
    display: none
}

.textarea {
    border: 1px solid #dfdfdf;
    border: 0;
    border-radius: 4px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 24px;
    max-height: 400px;
    outline: 0;
    padding: 15px 30px;
    resize: none;
    width: 100%
}

.textarea.error {
    -webkit-box-shadow: 0 0 2px 0 #169442;
    box-shadow: 0 0 2px 0 #169442
}

.textarea label {
    text-transform: capitalize
}

.text-group textarea+label .placeholder {
    bottom: unset;
    font-size: 12px;
    top: 15px
}

.text-group textarea:focus+label .placeholder {
    visibility: hidden
}

.text-group textarea:focus+label .d {
    visibility: visible
}

.error .d {
    display: none
}

.text-group textarea::-ms-clear {
    display: none
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65)
    }
}

.raq.container {
    background: #fff;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:1440px) {
    .raq.container {
        max-width: 1600px
    }
}

.raq-steps {
    padding: 45px 0 0
}

@media screen and (min-width:768px) {
    .raq-steps {
        padding: 48px 0 0
    }
}

.raq-steps .raq-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin: 0;
    padding: 0 25px 32px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .raq-steps .raq-title {
        font-size: 36px;
        letter-spacing: .61px;
        padding: 24px 50px 48px
    }
}

.raq-steps.first {
    border: 0
}

.raq-steps.confirm-thankyou {
    padding: 48px 25px 20px
}

@media screen and (min-width:768px) {
    .raq-steps.confirm-thankyou {
        padding: 48px 50px 20px
    }
}

.raq-steps-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    margin: 0;
    padding: 48px 25px 32px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .raq-steps-title {
        font-size: 36px;
        letter-spacing: .61px;
        padding: 48px 50px
    }
}

.stuck .raq-steps-inner {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.raq-scale {
    padding: 0 2px 48px 25px
}

@media screen and (min-width:768px) {
    .raq-scale {
        padding: 0 50px 48px
    }
}

.raq-scale-list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0 auto;
    padding: 20px 0 0
}

.stuck .raq-scale-list {
    padding: 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .stuck .raq-scale-list {
        max-width: 1200px;
        padding: 40px 50px
    }
}

.raq-scale-item {
    border-top: 2px solid #169442;
    font-family: Roboto, sans-serif;
    padding: 20px 0 0;
    position: relative;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 40px;
    z-index: 1
}

.raq-scale-item.active {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
}

@media screen and (min-width:768px) {
    .raq-scale-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto
    }
}

.raq-scale-item.last {
    border-top: 0;
    margin-top: 2px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .raq-scale-item.last {
        max-width: 65px
    }
}

.raq-scale-indicator {
    background: #fff;
    border: 2px solid #169442;
    border-radius: 50%;
    height: 18px;
    left: 0;
    position: absolute;
    top: -9px;
    width: 18px
}

.active .raq-scale-indicator,
.completed .raq-scale-indicator {
    background: #169442
}

.active .raq-scale-indicator:before {
    -webkit-animation: pulse .6s infinite alternate linear;
    animation: pulse .6s infinite alternate linear;
    background: rgba(223, 27, 33, .25);
    border-radius: 50%;
    content: "";
    height: 18px;
    left: -2px;
    position: absolute;
    top: -2px;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 18px;
    z-index: -1
}

.raq-scale-icon {
    fill: #fff;
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.raq-scale-step {
    font-size: 14px;
    margin: 6px 0 0;
    padding: 0
}

.active .raq-scale-step {
    color: #169442
}

@media screen and (max-width:767px) {
    .completed .raq-scale-step {
        color: #169442
    }
}

.raq-scale-title {
    color: #090101;
    display: none;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 0
}

.active .raq-scale-title {
    display: block;
    height: auto;
    opacity: 1;
    width: 100%
}

@media screen and (min-width:768px) {
    .raq-scale-title {
        display: block;
        height: auto;
        opacity: 1;
        width: auto
    }
}

.raq-steps-back-wrapper {
    line-height: 16px;
    padding: 0 25px 24px
}

@media screen and (min-width:768px) {
    .raq-steps-back-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

.raq-steps-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 0
}

.raq-steps-back svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.raq-steps-back:hover {
    color: #169442
}

.raq-steps-back:focus {
    outline: 2px solid #df1c21
}

.raq-steps-back svg {
    margin-left: -2px;
    margin-right: 12px
}

@media (hover:none) {
    .raq-steps-back:hover {
        color: rgba(0, 0, 0, .88)
    }
}

.bp .raq-steps-back.step1 {
    display: none
}

.raq-section-title {
    border-top: 4px solid #169442;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 32px 25px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .raq-section-title {
        padding: 32px 50px
    }
}

.raq-review .raq-section-title {
    background-color: #fff;
    margin-top: 0
}

.confirm-thankyou+*>*+.raq-section-title {
    background-color: #fff
}

.raq .model-trim-view {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.recalls-listing-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin-top: -81px;
    padding: 0 25px 50px
}

@media screen and (min-width:768px) {
    .recalls-listing-wrapper {
        padding-bottom: 70px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.recalls-count-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

.recalls-count-indicator .disclaimer {
    margin-left: 5px;
    position: relative;
    top: -5px
}

.recalls-count {
    background-color: #169442;
    border-radius: 50%;
    color: #fff;
    font: bold 14px/25px Roboto, sans-serif;
    height: 25px;
    margin-right: 14px;
    min-width: 25px;
    text-align: center
}

.recalls-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 23px
}

@media screen and (min-width:768px) {
    .recalls-summary {
        margin-bottom: 26px;
        margin-top: 45px;
        max-width: 350px
    }
}

.recall-summary-term {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    font-weight: 700;
    margin: 8px 0 0
}

.recall-summary-detail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    margin: 8px 0 0
}

.recall-items {
    margin: 0 0 50px;
    padding: 0
}

.recall-item {
    list-style: none;
    margin-top: 54px
}

.recall-item-actions {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 25px
}

.recall-item-info {
    background-color: #fff;
    margin-left: -25px;
    margin-right: -25px;
    padding: 60px 25px 104px
}

@media (min-width:768px) {
    .recall-item-info {
        margin-left: 0;
        margin-right: 0;
        padding: 60px 38px 104px
    }
}

@media (min-width:1024px) {
    .recall-item-info {
        padding: 60px 60px 104px
    }
}

.recall-item-info *+h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 47px
}

.recall-item-link {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-left: 45px;
    text-decoration: none;
    text-transform: uppercase
}

.recall-item-link:first-child {
    margin-left: 0
}

.recall-item-link:hover {
    color: #169442
}

.recall-item-icon {
    fill: #169442;
    margin-right: 10px
}

.recall-item-icon.email {
    height: 21px;
    width: 21px
}

.recall-item-icon.download {
    height: 21px;
    width: 21px
}

.recalls-email-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 219px auto 100px;
    max-width: 576px;
    width: 576px;
    padding: 36px 40px;
    background: #fff
}

.recalls-email-modal .recalls-email-modal__title {
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2rem
}

.recalls-email-modal .recalls-email-modal__input+.recalls-email-modal__input {
    margin-top: 1rem
}

.recalls-email-modal .recalls-email-modal__input .errors {
    font-size: 12px
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group label+label {
    margin-left: 1rem
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group label span {
    display: block;
    position: relative;
    margin-right: .5rem;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    height: 18px;
    width: 18px
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group label input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.recalls-email-modal .recalls-email-modal__input .recalls-email-modal__input__radio-group label input:checked~span:before {
    content: '';
    background: #169442;
    border-radius: 50%;
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px
}

.recalls-email-modal .recalls-email-modal__input label,
.recalls-email-modal .recalls-email-modal__input p {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 7px;
    padding: 0
}

.recalls-email-modal .recalls-email-modal__input input {
    background-color: #fff;
    border: 1px solid #ececec;
    font-size: 18px;
    height: 48px;
    outline: 0;
    padding-left: 22px;
    padding-right: 20px;
    width: 100%
}

.recalls-email-modal .recalls-email-modal__ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem
}

.recalls-email-modal .recalls-email-modal__ctas button {
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.recalls-email-modal .recalls-email-modal__ctas button:first-of-type {
    margin-right: 1rem
}

.recalls-email-modal .recalls-email-modal__ctas button:last-of-type {
    margin-left: 1rem
}

.recalls-email-modal .recalls-email-modal__close {
    cursor: pointer;
    border: none;
    outline: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #169442;
    height: 33px;
    width: 36px;
    padding: 0
}

.recalls-email-modal .recalls-email-modal__close svg {
    height: 13px;
    width: 15px
}

.recalls-email-modal-overlay {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .77)
}

.recall-info {
    padding: 64px 25px 127px
}

@media screen and (min-width:768px) {
    .recall-info {
        padding-bottom: 106px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.recall-info a:not(.btn-red) {
    text-decoration: none;
    color: #169442
}

.recall-info a:not(.btn-red):hover {
    color: #880f13
}

.recall-info-headline {
    font: 500 18px/24px Roboto, sans-serif;
    text-transform: uppercase
}

.recall-info-description {
    font-size: 16px
}

*+.recall-info-description {
    margin-top: 17px
}

.recall-info-locations {
    font-size: 16px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .recall-info-locations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

*+.recall-info-locations {
    margin-top: 48px
}

.recall-info-location {
    list-style: none
}

.recall-info-location a {
    text-decoration: none;
    color: #169442
}

.recall-info-location a:hover {
    color: #880f13
}

@media screen and (min-width:768px) {
    .recall-info-location {
        width: calc(50% - 15px)
    }
}

*+.recall-info-location {
    margin-top: 29px
}

@media screen and (min-width:768px) {
    *+.recall-info-location {
        margin-top: 0
    }
}

.recall-address {
    font-style: normal
}

*+.recall-address {
    margin-top: 13px
}

.recalls {
    background-color: #fff;
    padding: 0
}

.recalls .header-description {
    font-size: 16px;
    text-transform: none
}

.recalls .header-description a {
    text-decoration: underline;
    color: #169442
}

.recalls .header-description a:hover {
    color: #880f13
}

.recalls .header-title+.header-description {
    margin-top: 40px
}

@media screen and (min-width:768px) {
    .recalls .header-title+.header-description {
        margin-top: 50px
    }
}

.recalls .header-title+.header-description>*+* {
    margin-bottom: 0;
    margin-top: 25px
}

.recalls .filter-selects {
    margin-top: 12px
}

.recalls .filter-wrapper {
    padding-bottom: 90px
}

.recalls .filter-actions {
    margin-bottom: 61px
}

@media screen and (max-width:767px) {
    .recalls .filter-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:768px) {
    .recalls .filter-actions {
        margin-bottom: 75px
    }
}

@media screen and (max-width:767px) {
    .recalls .filter-reset {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:768px) {
    .recalls .filter-reset {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .recalls .filter-apply {
        margin-top: 2px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:768px) {
    .recalls .filter-apply {
        margin-right: 0
    }
}

.recalls .filter-tips {
    margin-bottom: 61px
}

.recalls .filter-tip {
    cursor: pointer
}

.recalls .filter-tip .tlite {
    max-width: none
}

@media screen and (min-width:768px) {
    .recalls .filter-tip .tlite {
        width: 280px
    }
}

@media screen and (min-width:1024px) {
    .recalls .filter-tip .tlite {
        width: 350px
    }
}

.recalls .filter-tabs-last-updated {
    margin-top: 0
}

.recalls .filter-select-wrap {
    margin-bottom: 18px
}

.recalls .filter-helper-text {
    margin-top: 0
}

.recalls .filter-search-form {
    border-radius: 4px;
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .recalls .filter-search-form {
        margin-top: 21px
    }
}

@media screen and (min-width:768px) {
    .recalls .filter-search-form .filter-apply {
        margin-right: 9px
    }
}

.recalls .no-results {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin-bottom: 0;
    margin-top: -90px;
    padding-bottom: 100px
}

@media screen and (min-width:768px) {
    .recalls .no-results {
        padding-bottom: 120px
    }
}

.recalls .filter-triggers {
    margin-top: 15px
}

@media screen and (min-width:768px) {
    .recalls .filter-triggers {
        margin-top: 32px
    }
}

@media screen and (min-width:1024px) {
    .recalls .filter-triggers {
        margin-top: 56px;
        padding-left: 15px
    }
}

.banner-module {
    position: relative
}

.banner-module .no--video {
    display: none
}

.banner-module .gallery-modal-video {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    opacity: 1;
    visibility: visible
}

.banner-link {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 29px);
    left: calc(50% - 29px)
}

.banner-link .banner-icon {
    fill: #fff;
    height: 58px;
    width: 58px
}

.banner-module--looping {
    padding-top: 62.5255%
}

@media screen and (min-width:768px) {
    .banner-module--looping {
        padding-top: 45.0195%
    }
}

.banner-module__looping-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    overflow: hidden
}

.banner-module__looping-wrapper .banner-module__looping-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.resources__nav {
    height: auto;
    z-index: 9998
}

.resources__nav.nav--sticky {
    position: fixed;
    z-index: 9998;
    top: 62px;
    -webkit-transition: top .25s .15s;
    transition: top .25s .15s
}

@media screen and (min-width:768px) {
    .resources__nav.nav--sticky {
        top: 99px
    }
}

.resources__nav.nav--sticky.direction-down {
    top: 0;
    -webkit-transition: top .15s 0s;
    transition: top .15s 0s
}

.resources__nav .page-nav-wrap {
    list-style: none;
    padding: 32px 50px
}

.resources__nav .page-nav-wrap .nav__item {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    display: inline-block
}

.resources__nav .wrap--mobile {
    padding: 0 25px
}

.resources__nav .wrap--mobile .slick-list {
    padding: 32px 25px
}

.resources__nav .wrap--mobile .slick-slide+.slick-slide {
    margin-left: 37px
}

.resources__nav .wrap--mobile .slick-active .nav__item::before {
    content: "";
    background-color: #169442;
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 4px
}

@media screen and (min-width:1024px) {
    .resources__nav .wrap--mobile {
        display: none
    }
}

.resources__nav .wrap--desktop {
    display: none
}

.resources__nav .wrap--desktop .nav__item.active,
.resources__nav .wrap--desktop .nav__item:hover {
    color: #169442
}

.resources__nav .wrap--desktop .nav__item.active::before,
.resources__nav .wrap--desktop .nav__item:hover::before {
    content: "";
    background-color: #169442;
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 4px
}

.resources__nav .wrap--desktop li+li {
    margin-left: 37px
}

@media screen and (min-width:1024px) {
    .resources__nav .wrap--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pick-the-right-gear {
    position: relative
}

.pick-the-right-gear .image-centered-banner-content {
    position: relative;
    width: 100%;
    padding: 42px 25px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-bottom: 0;
    border-top: 4px solid #169442
}

@media screen and (min-width:768px) {
    .pick-the-right-gear .image-centered-banner-content {
        padding: 42px 50px 60px
    }
}

.pick-the-right-gear .image-centered-banner-content>:first-child {
    margin-top: 0
}

.pick-the-right-gear .image-centered-banner-content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .pick-the-right-gear .image-centered-banner-content {
        width: 490px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-bottom: 4px solid #169442;
        border-top: 0
    }
}

.pick-the-right-gear .image-centered-banner-content .image-centered-banner-title {
    color: rgba(0, 0, 0, .88);
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .55px;
    line-height: 24px
}

.pick-the-right-gear .image-centered-banner-content .image-centered-banner-description {
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 22px
}

*+.pick-the-right-gear .image-centered-banner-content .image-centered-banner-description {
    margin-top: 18px
}

.pick-the-right-gear .image-centered-banner-content .image-centered-banner-cta {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    min-width: 222px;
    padding: 0 50px;
    text-decoration: none
}

.pick-the-right-gear .image-centered-banner-content .image-centered-banner-cta:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .pick-the-right-gear .image-centered-banner-content .image-centered-banner-cta:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.pick-the-right-gear .hero-gallery-item picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.resources-module {
    border-top: 0;
    padding: 25px;
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (min-width:768px) {
    .resources-module {
        padding: 72px 50px 88px
    }
}

.resources-module .resources-header {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 26px;
    margin: 0
}

.resources-module .resources-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 25px 0 0
}

@media screen and (min-width:768px) {
    .resources-module .resources-wrapper {
        padding: 64px 0 0
    }
}

.resources-module .resources-nav-container {
    display: none;
    width: 100%;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .resources-module .resources-nav-container {
        display: block;
        width: 150px
    }
}

@media screen and (min-width:1024px) {
    .resources-module .resources-nav-container {
        width: 250px
    }
}

.resources-module .resources-content-container {
    width: 100%
}

@media screen and (min-width:768px) {
    .resources-module .resources-content-container {
        width: calc(100% - 175px)
    }
}

@media screen and (min-width:1024px) {
    .resources-module .resources-content-container {
        width: calc(100% - 275px)
    }
}

.resources-module .resources-nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.resources-module .resources-nav-item {
    margin-bottom: 10px;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.resources-module .resources-nav-link {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.resources-module .resources-nav-link .nav-item-icon {
    display: none
}

.resources-module .resources-nav-link.active {
    color: #169442
}

.resources-module .resources-nav-link.active .nav-item-icon {
    height: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 17px
}

.resources-module .resources-content-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 24px 0 72px
}

@media screen and (min-width:1440px) {
    .resources-module .resources-content-card-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.resources-module .resources-content-title {
    color: #000;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .46px;
    line-height: 21px;
    margin: 0
}

.resources-module .resources-content-card {
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 40px;
    display: block;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .resources-module .resources-content-card+.resources-content-card {
        margin-top: 24px
    }
}

@media screen and (min-width:768px) {
    .resources-module .resources-content-card {
        width: calc(50% - 10px)
    }

    .resources-module .resources-content-card:nth-child(n+3) {
        margin-top: 24px
    }
}

@media screen and (min-width:1440px) {
    .resources-module .resources-content-card {
        margin-right: 15px;
        width: calc(33.3% - 15px)
    }

    .resources-module .resources-content-card:nth-child(n+3) {
        margin-top: 0
    }
}

.resources-module .resources-content-card-title {
    color: #000;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .46px;
    line-height: 20px;
    position: relative;
    padding-bottom: 15px;
    margin: 0 0 15px
}

.resources-module .resources-content-card-title:after {
    content: "";
    background: #169442;
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block
}

.resources-module .resources-content-card-icon {
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 12px;
    background-color: #169442
}

.resources-module .resources-content-card svg,
.resources-module .resources-content-card svg path {
    fill: #fff
}

.resources-module .resources-content-card-description {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px
}

.resources-module .resource--sticky {
    padding: 25px 0;
    position: fixed;
    position: sticky
}

.resources.container {
    padding-left: 0;
    padding-right: 0
}

.resources.container .header__back {
    margin: 40px 25px 21px;
    padding: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .resources.container .header__back {
        margin: 40px 50px 21px
    }
}

.resources.container .event-calendar .events-listing-items {
    padding: 60px 25px 47px
}

@media screen and (min-width:768px) {
    .resources.container .event-calendar .events-listing-items {
        padding: 72px 50px
    }
}

.resources.container .event-calendar .event-calendar-title {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px
}

.resources.container .event-calendar .events-listing-item table:before,
.resources.container .event-calendar .events-listing-item td:before {
    display: none
}

.resources.container .event-calendar .more-button[hidden] {
    display: none
}

.resources.container .more-button {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.resources.container .more-button svg {
    margin-left: 14px;
    height: 14px;
    width: 14px;
    fill: #169442
}

.resources.container .trims-container {
    background: #fff
}

@media screen and (min-width:768px) {
    .resources.container .trims-container {
        padding-top: 72px;
        padding-bottom: 72px
    }
}

.resources.container .trims-container .segment-models__section-title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto
}

.resources.container .trims-container .segment-models__section-title+.dots-container {
    margin-top: 50px
}

.resources.container .trims-container .segment-models__section-subheading {
    color: rgba(0, 0, 0, .88);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 24px;
    letter-spacing: .36px;
    line-height: 24px;
    text-align: center;
    margin: 10px auto 50px;
    font-weight: 400
}

.resources.container .trims-container .full-width {
    width: 100%
}

.resources.container .trims-container .more-button {
    margin: 30px auto 0
}

.resources.container .trims-container .trim-container:nth-child(n+7) {
    display: none
}

.resources.container .trims-container.trims-container--load-all .trim-container:nth-child(n+7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resources.container .trims-container.trims-container--load-all .more-button {
    display: none
}

.resources.container .trims-container .trim-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.resources.container .trims-container .trim-buttons .select {
    display: none
}

.s-curve__wrapper {
    background-color: #fff;
    padding-bottom: 100px
}

.s-curve__module {
    background: #fff;
    padding: 25px
}

@media screen and (min-width:768px) {
    .s-curve__module {
        padding: 25px 50px 20px
    }
}

.s-curve__module .alt-image-content-image {
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width:768px) {
    .s-curve__module .alt-image-content-image {
        width: 43%;
        min-height: auto;
        height: 0;
        padding-bottom: 26.7%
    }
}

@media screen and (min-width:768px) {
    .s-curve__module .alt-image-content-content {
        width: 57%;
        padding: 58px 78px
    }
}

.s-curve__module .alt-image-content-title {
    color: #090101;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .55px;
    line-height: 24px
}

.s-curve__module .alt-image-content-description {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px
}

.testimonials.segment-marketing-module-slider {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

@media screen and (max-width:767px) {
    .testimonials.segment-marketing-module-slider {
        padding: 25px 0 80px
    }
}

.testimonials.segment-marketing-module-slider .gallery-item-header {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: center
}

.testimonials.segment-marketing-module-slider .gallery {
    margin-top: 40px
}

.testimonials.segment-marketing-module-slider .gallery .gallery-item-image-large {
    height: 160px
}

@media screen and (min-width:768px) {
    .testimonials.segment-marketing-module-slider .gallery .gallery-item-image-large {
        height: 300px
    }
}

@media screen and (min-width:1024px) {
    .testimonials.segment-marketing-module-slider .gallery .gallery-item-image-large {
        height: 450px
    }
}

@media screen and (min-width:1200px) {
    .testimonials.segment-marketing-module-slider .gallery .gallery-item-image-large {
        height: 600px
    }
}

.testimonials.segment-marketing-module-slider .gallery .gallery-item-video .gallery-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.testimonials.segment-marketing-module-slider .gallery .gallery-item-video .gallery-item-container .gallery-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.testimonials.segment-marketing-module-slider .gallery .gallery-item-video .gallery-item-container .gallery-link .gallery-item-cta-icon {
    display: inline-block;
    margin-bottom: -10px;
    margin-right: 5px;
    width: 50px;
    height: 49px;
    fill: #fff
}

@media screen and (min-width:768px) {
    .testimonials.segment-marketing-module-slider .gallery {
        margin-left: auto;
        margin-right: auto;
        max-width: 1300px
    }
}

.testimonials.segment-marketing-module-slider .slick__hidden {
    display: none !important
}

.testimonials.segment-marketing-module-slider .gallery-item {
    padding: 0 35px
}

.testimonials.segment-marketing-module-slider .slick-arrow {
    background: #fff;
    width: 57px;
    height: 57px;
    border: 1px solid #dadada;
    border-radius: 50%
}

.testimonials.segment-marketing-module-slider .slick-arrow svg {
    fill: #169442;
    margin: 0
}

.testimonials.segment-marketing-module-slider .slick-arrow:focus {
    background: #fff
}

.testimonials.segment-marketing-module-slider .slick-arrow.slick-next {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

.testimonials.segment-marketing-module-slider .slick-arrow.slick-prev {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

@media screen and (min-width:768px) {
    .testimonials.segment-marketing-module-slider .slick-arrow.slick-next {
        right: 71.5px
    }

    .testimonials.segment-marketing-module-slider .slick-arrow.slick-prev {
        left: 71.5px
    }
}

.testimonials.segment-marketing-module-slider .js-slick-dot-clickable {
    cursor: pointer
}

.rider-education-banner-module {
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .rider-education-banner-module {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.rider-education-banner-module__image {
    background-position: center;
    background-size: cover;
    min-height: 220px
}

@media screen and (min-width:768px) {
    .rider-education-banner-module__image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 375px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:1024px) {
    .rider-education-banner-module__image {
        min-height: 462px
    }
}

@media screen and (min-width:768px) {
    .rider-education-banner-module__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .rider-education-banner-module__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 350px;
        min-width: 350px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 350px
    }
}

.rider-education-banner-module__block-image {
    background-position: center;
    background-size: cover;
    display: block
}

@media screen and (min-width:768px) {
    .rider-education-banner-module__block-image {
        max-width: 50%;
        min-height: 250px;
        min-width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .rider-education-banner-module__block-image {
        max-width: 100%;
        min-height: 210px;
        min-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.rider-education-banner-module__content {
    padding: 30px 25px 60px
}

@media screen and (min-width:768px) {
    .rider-education-banner-module__content {
        max-width: 50%;
        min-width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 30px 50px 55px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .rider-education-banner-module__content {
        max-width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.rider-education-banner-module__title {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 14px;
    margin-top: 0;
    text-transform: uppercase
}

.rider-education-banner-module__description {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px
}

.rider-education-banner-module__cta {
    margin-top: 30px;
    width: 100%
}

@media screen and (min-width:768px) {
    .rider-education-banner-module__cta {
        min-width: 235px;
        width: auto
    }
}

.content-cta-module {
    background: url(/images/patterns/bg-red-diagonal.png) #169442
}

.content-cta-module .more-expand-trigger {
    color: #fff;
    text-decoration: none
}

.content-cta-module .more-expand-trigger:hover {
    color: #090101
}

.content-cta-module .more-expand-trigger:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.content-cta-module-wrapper {
    color: #fff;
    padding: 35px 25px 60px
}

@media screen and (min-width:768px) {
    .content-cta-module-wrapper {
        padding: 55px 50px 75px
    }
}

@media screen and (min-width:768px) {
    .content-cta-module-wrapper {
        padding-bottom: 80px
    }
}

.content-cta-module-wrapper>:first-child {
    margin-top: 0
}

.content-cta-module-wrapper>:last-child {
    margin-bottom: 0
}

.content-cta-module-wrapper.content__state-licensing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .content-cta-module-wrapper.content__state-licensing {
        padding: 113px 50px 104px
    }
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module-heading {
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .73px;
    line-height: 24px;
    margin: 0 0 31px;
    text-align: center
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-wrap {
    margin: 0;
    width: 295px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-text {
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-text:not(.selected) {
    color: #747474f2
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select__go {
    border: 2px solid #090101;
    border-radius: 4px;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #891115;
    color: #fff;
    border: 0;
    cursor: pointer;
    padding: 19px 19px 19px 20px;
    margin: 0 0 0 10px;
    height: 54px;
    width: 60px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select__go:hover:not([disabled]) {
    background: #fff;
    color: #169442
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select__go[disabled] {
    pointer-events: none;
    visibility: hidden
}

@media screen and (max-width:768px) {
    .content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select__go[disabled] {
        display: none
    }
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-list {
    overflow: auto;
    max-height: 353px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #e9e9e9;
    border-radius: 10px;
    margin: 10px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px
}

.content-cta-module-wrapper.content__state-licensing .content-cta-module__dropdown .filter-select-list::-webkit-scrollbar-thumb {
    background-color: #169442;
    border-radius: 10px
}

.content-cta-module-heading {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 24px
}

.content-cta-module-description {
    display: none
}

*+.content-cta-module-description {
    margin-top: 18px
}

.content-cta-module-link {
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .25s;
    transition: color .25s
}

*+.content-cta-module-link {
    margin-top: 30px
}

@media screen and (min-width:768px) {
    *+.content-cta-module-link {
        margin-top: 14px
    }
}

@media screen and (min-width:1024px) {
    *+.content-cta-module-link {
        margin-top: 18px
    }
}

.content-cta-module-link:hover {
    color: #090101
}

.content-cta-module-link:hover svg {
    fill: #090101
}

.content-cta-module-link:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.content-cta-module-link svg {
    display: inline-block;
    fill: #fff;
    height: 14px;
    margin-left: 5px;
    margin-top: -2px;
    -webkit-transition: fill .25s;
    transition: fill .25s;
    vertical-align: middle;
    width: 14px
}

.courses-listing-module__header {
    overflow: hidden;
    padding: 54px 25px 5px
}

@media screen and (min-width:768px) {
    .courses-listing-module__header {
        padding: 60px 50px 5px
    }
}

.courses-listing-module__title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .61px;
    line-height: 36px;
    margin: 0 0 38px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .courses-listing-module__title {
        font-size: 36px;
        margin-bottom: 58px
    }
}

.courses-listing-module__results {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -5px;
    padding: 50px 25px 90px
}

@media screen and (min-width:768px) {
    .courses-listing-module__results {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 60px
    }
}

@media screen and (min-width:1024px) {
    .courses-listing-module__results {
        margin: -8px 0 0;
        padding: 55px 42px 48px
    }
}

.courses-listing-module-nav {
    position: relative
}

.courses-listing-module-nav:after {
    background: #169442;
    bottom: 0;
    content: "";
    height: 4px;
    left: -50px;
    position: absolute;
    right: -50px
}

.courses-listing-module-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 0 0 -10px;
    padding: 0
}

.courses-listing-module-nav__item {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-right: 10px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .courses-listing-module-nav__item {
        margin-right: 55px
    }
}

.courses-listing-module-nav__item a {
    color: inherit;
    display: block;
    padding: 10px;
    text-decoration: none
}

.courses-listing-module-nav__item a:hover {
    color: #169442
}

.courses-listing-module-nav__item.active {
    position: relative;
    color: #169442
}

.courses-listing-module-nav__item.active:after {
    border-color: #169442 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.courses-listing-module-result {
    background: #fff;
    border-bottom: 3px solid #169442;
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding: 30px 20px 50px;
    position: relative;
    width: 100%
}

.courses-listing-module-result:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .courses-listing-module-result:last-child {
        margin-bottom: 36px
    }
}

@media screen and (min-width:768px) {
    .courses-listing-module-result {
        padding: 40px 30px 30px
    }
}

@media screen and (min-width:1024px) {
    .courses-listing-module-result {
        margin: 0 8px 36px;
        width: calc(50% - 16px)
    }
}

.courses-listing-module-result.show {
    -webkit-animation: scale-display .5s;
    animation: scale-display .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1024px) {
    .courses-listing-module-result.show {
        display: block
    }
}

.courses-listing-module-result.out {
    -webkit-animation: scale-display--reversed .3s;
    animation: scale-display--reversed .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:1024px) {
    .courses-listing-module-result.out {
        display: block
    }
}

.courses-listing-module-result__tag {
    background: #169442;
    border-radius: 4px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .27px;
    line-height: 16px;
    padding: 7px 22px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -14px
}

.courses-listing-module-result__level {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase
}

.courses-listing-module-result__title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .courses-listing-module-result__title {
        margin-bottom: 15px
    }
}

.courses-listing-module-result__description {
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 24px;
    margin-bottom: 26px;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .courses-listing-module-result__description {
        font-size: 16px;
        margin-bottom: 30px
    }
}

.courses-listing-module-result__description .more-expand-trigger {
    color: #169442;
    text-decoration: none
}

.courses-listing-module-result__description .more-expand-trigger:hover {
    color: #169442
}

.courses-listing-module-result__btn {
    display: block;
    margin-bottom: 14px;
    width: 100%
}

@media screen and (min-width:768px) {
    .courses-listing-module-result__btn {
        display: inline-block;
        margin-bottom: 10px;
        padding: 15px 75px;
        width: auto
    }
}

.courses-listing-module-result__cta {
    color: rgba(0, 0, 0, .88);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .36px;
    line-height: 17px;
    margin-right: 80px;
    text-decoration: none;
    width: 100%
}

@media screen and (min-width:768px) {
    .courses-listing-module-result__cta {
        font-size: 16px;
        margin-top: 15px
    }
}

.courses-listing-module-result__cta a {
    color: #169442;
    text-decoration: none
}

.courses-listing-module-result__cta a:hover {
    color: #169442
}

.rider-education__courses-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 52px 20px 34px
}

.rider-education__courses-result::before {
    content: "";
    background-color: #169442;
    position: absolute;
    top: 0;
    left: 0;
    height: 79px;
    width: 100%
}

.rider-education__courses-result.with-results {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.rider-education__courses-result .rider-education__zip-form {
    position: relative;
    width: 295px
}

.rider-education__courses-result .rider-education__zip-input {
    height: 54px;
    background: #fff;
    -webkit-box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .07);
    border-radius: 4px;
    border: 0;
    color: rgba(116, 116, 116, .95);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    padding: 15px 17px;
    padding-right: 59px;
    width: 100%
}

.rider-education__courses-result .rider-education__zip-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #169442;
    box-shadow: 0 0 4px 1px #169442
}

.rider-education__courses-result .rider-education__zip-search {
    background: #169442;
    border: 0;
    border-radius: 5px;
    line-height: 1px;
    padding: 6px;
    position: absolute;
    right: 17px;
    top: calc(50% - 12.5px);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    height: 25px;
    width: 25px
}

.rider-education__courses-result .rider-education__zip-search .link-out-arrow {
    fill: #fff;
    height: 13px;
    width: 13px
}

.rider-education__courses-result .rider-education__zip-search[disabled] {
    opacity: .3
}

.rider-education__courses-result .rider-education__zip-search:not([disabled]) {
    cursor: pointer
}

.rider-education__courses-result .rider-education__zip-search:not([disabled]):hover {
    background: #169442
}

@media screen and (min-width:768px) {
    .rider-education__courses-result {
        padding-top: 79px;
        min-height: 60vh
    }

    .rider-education__courses-result .rider-education__zip-form {
        position: absolute;
        top: 52px;
        left: calc(50% - 147.5px)
    }
}

.rider-education__zip-no-result {
    color: #000;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: .41px;
    margin: 57px auto 50px
}

.rider-education__zip-result {
    margin: 40px 0 15px;
    width: 100%
}

.rider-education__result-header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.rider-education__result-dropdown .filter-select-wrap {
    width: 120px;
    margin: 0
}

.rider-education__result-dropdown .filter-select-wrap.active .filter-select-icon {
    background: 0 0
}

.rider-education__result-dropdown .filter-select-trigger {
    background: 0 0;
    border-radius: 0;
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.rider-education__result-dropdown .filter-select-trigger:hover .filter-select-icon {
    background: 0 0
}

.rider-education__result-dropdown .filter-select-icon {
    position: relative;
    top: initial;
    right: initial;
    margin: 0;
    background: 0 0;
    padding: 0;
    height: 14px;
    width: 14px;
    margin-left: 10px
}

.rider-education__result-dropdown .filter-select-icon--down,
.rider-education__result-dropdown .filter-select-icon--up {
    fill: #169442;
    margin: 0;
    left: 0
}

.rider-education__result-dropdown .filter-select-list {
    padding: 0
}

.rider-education__result-text {
    color: #000;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .41px
}

.rider-education__zip-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 16px 0 0
}

.rider-education__zip-item {
    margin: 16px 0 0;
    background: #fff
}

.rider-education__zip-item.is-honda {
    margin: 32px 0 0;
    padding: 41px 0 24px;
    position: relative
}

.rider-education__zip-item .rider-education__item-badge {
    position: absolute;
    top: -17px;
    left: 33px;
    background: #169442;
    border-radius: 4px;
    padding: 5px 23px;
    color: #fff;
    font-size: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: .46px;
    line-height: 24px
}

.rider-education__zip-item .rider-education__item-main {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 33px
}

.rider-education__zip-item .rider-education__item-accordion {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 35px)
}

.rider-education__zip-item .rider-education__item-miles {
    color: #656565;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: .36px
}

.rider-education__zip-item .rider-education__item-heading {
    color: #169442;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .43px;
    line-height: 24px;
    margin: 11px 0 0
}

.rider-education__zip-item .rider-education__item-subheading {
    color: #000;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .46px
}

.rider-education__zip-item .rider-education__item-location {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: .36px;
    padding-left: 9px;
    margin-left: 5px;
    border-left: 1px solid #000
}

.rider-education__zip-item .rider-education__item-check {
    cursor: pointer;
    background-color: #169442;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 25px;
    width: 25px
}

.rider-education__zip-item .rider-education__item-check::before {
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 10px;
    margin-top: -4px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rider-education__zip-item .rider-education__item-check:hover {
    background-color: #169442
}

.rider-education__zip-item .rider-education__item-availability,
.rider-education__zip-item .rider-education__item-description {
    display: none
}

.rider-education__zip-item input:checked~.rider-education__item-main .rider-education__item-check::before {
    border-width: 2px 0 0 2px;
    margin-top: 2px
}

.rider-education__zip-item input:checked~.rider-education__item-availability,
.rider-education__zip-item input:checked~.rider-education__item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rider-education__zip-item .rider-education__item-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 33px
}

.rider-education__zip-item .rider-education__item-description p {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 0
}

.rider-education__zip-item .rider-education__item-description.no-cta {
    padding-bottom: 48px
}

.rider-education__zip-item .rider-education__item-description:not(.cta--wrapper) {
    cursor: pointer
}

.rider-education__zip-item .rider-education__item-description.cta--wrapper {
    padding: 32px 33px 48px
}

.rider-education__zip-item .rider-education__item-description .rider-education__item-cta {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .36px;
    text-decoration: none
}

.rider-education__zip-item .rider-education__item-description .rider-education__item-cta::after {
    content: "";
    border-color: #169442;
    border-style: solid;
    border-width: 3px 3px 0 0;
    height: 12px;
    margin-left: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.rider-education__zip-item .rider-education__item-availability {
    border-top: 2px solid #ececec;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 33px
}

.rider-education__zip-item .rider-education__item-availability .rider-education__item-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 322px
}

@media screen and (max-width:768px) {
    .rider-education__zip-item .rider-education__item-availability .rider-education__item-col {
        width: 100%
    }

    .rider-education__zip-item .rider-education__item-availability .rider-education__item-col+.rider-education__item-col {
        margin: 10px 0 0
    }
}

.rider-education__zip-item .rider-education__item-availability .rider-education__item-lbl {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .43px;
    line-height: 24px
}

.rider-education__zip-item .rider-education__item-availability .rider-education__item-val {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px
}

.rider-education__zip-paginator {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rider-education__zip-paginator li+li {
    margin-left: 10px
}

.rider-education__zip-paginator .paginator__num {
    cursor: pointer;
    color: rgba(0, 0, 0, .88);
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .46px
}

.rider-education__zip-paginator .paginator__num.active {
    color: #169442
}

.rider-education__zip-paginator .paginator__num:not(.active):hover {
    color: #169442
}

.rider-education__zip-paginator .paginator__dots {
    color: rgba(0, 0, 0, .88);
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: .46px
}

.rider-education__zip-paginator .paginator__arrow::before {
    content: "";
    cursor: pointer;
    border-color: #169442;
    border-style: solid;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.rider-education__zip-paginator .paginator__arrow.first::before {
    border-width: 0 0 2px 2px
}

.rider-education__zip-paginator .paginator__arrow.prev::before {
    border-width: 0 0 2px 2px;
    border-style: dotted
}

.rider-education__zip-paginator .paginator__arrow.next::before {
    border-width: 2px 2px 0 0;
    border-style: dotted
}

.rider-education__zip-paginator .paginator__arrow.last::before {
    border-width: 2px 2px 0 0
}

.direction-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.direction-module .map-module {
    height: 305px
}

@media screen and (min-width:768px) {
    .direction-module .map-module {
        height: 100%
    }
}

.direction-module .map-module-map {
    height: 100%
}

.direction-module__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 40px 25px 90px;
    width: 100%
}

@media screen and (min-width:768px) {
    .direction-module__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 70px 25px 115px 50px;
        width: 58.33%
    }
}

@media screen and (min-width:1024px) {
    .direction-module__content {
        width: 50%
    }
}

.direction-module__map {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

@media screen and (min-width:768px) {
    .direction-module__map {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 41.66%
    }
}

@media screen and (min-width:1024px) {
    .direction-module__map {
        width: 50%
    }
}

.direction-module__title {
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: .61px;
    line-height: 36px;
    margin: 0 0 30px
}

@media screen and (min-width:768px) {
    .direction-module__title {
        margin-bottom: 29px
    }
}

.direction-module__name {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0 0 16px
}

@media screen and (min-width:768px) {
    .direction-module__name {
        margin-bottom: 22px
    }
}

.direction-module__details {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 0
}

.direction-module__details a {
    color: inherit
}

*+.direction-module-cta {
    margin-top: 46px
}

@media screen and (min-width:768px) {
    *+.direction-module-cta {
        margin-top: 38px
    }
}

.rider-education-faq {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.rider-education-faq .faq__list-wrapper {
    margin-top: 0;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .rider-education-faq .faq__list-wrapper {
        padding-left: 50px;
        padding-right: 50px
    }
}

.rider-education-faq .faq__section-title:first-child {
    border-top: 0
}

.rider-education-faq__back {
    background: 0 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    text-transform: uppercase
}

.rider-education-faq__back:hover {
    color: #169442
}

.rider-education-faq__back svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px
}

.gear-module__heading-section {
    border-top: 4px solid #ececec;
    padding: 48px 25px 0
}

@media screen and (min-width:768px) {
    .gear-module__heading-section {
        padding: 68px 50px 0
    }
}

.gear-module__heading-section .gear-module__headline {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 0
}

.gear-module__heading-section .gear-module__copy {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 32px 0 0
}

.gear-module__heading-section+.gear-module {
    padding-bottom: 48px
}

@media screen and (min-width:768px) {
    .gear-module__heading-section+.gear-module {
        padding-bottom: 99px
    }
}

.rider-education-landing {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.rider-education-landing .header-title {
    color: rgba(0, 0, 0, .88);
    font-size: 32px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .54px;
    line-height: 36px
}

.rider-education-landing--new .header {
    border-bottom: 3px solid #169442
}

.rider-education-landing--new .header-title {
    font-size: 32px
}

@media screen and (min-width:768px) {
    .rider-education-landing--new .cta-module {
        padding-top: 72px
    }
}

.rider-education-landing--new .cta-module-content {
    padding: 25px
}

.rider-education__subheading {
    text-transform: uppercase;
    padding: 40px 25px 33px;
    margin: 0;
    font-family: Roboto, sans-serif
}

@media screen and (min-width:768px) {
    .rider-education__subheading {
        padding: 40px 50px 33px
    }
}

.location-courses-module {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 30px 50px 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:1024px) {
    .location-courses-module {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.location-courses-module .location-courses-card {
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .location-courses-module .location-courses-card {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .location-courses-module .location-courses-card:not(:last-of-type) {
        margin-right: 52px
    }
}

.location-courses-module .location-city-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-bottom: 14px;
    margin-top: 0;
    text-transform: uppercase
}

.location-courses-module .location-city-state .icon-location {
    display: block
}

.location-courses-module .icon-location-svg {
    fill: #169442;
    height: 24px;
    margin-left: 0;
    margin-right: 7px;
    width: 24px
}

.location-courses-module .location-address,
.location-courses-module .location-city-state-zip,
.location-courses-module .location-name {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px
}

.location-courses-module .show-courses-link {
    padding: 23px 0 0 0
}

@media screen and (min-width:1024px) {
    .location-courses-module .show-courses-link {
        padding: 30px 0 0 0
    }
}

.location-courses-module .show-courses-link__item-cta {
    color: #000;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .36px;
    text-decoration: none
}

.location-courses-module .show-courses-link__item-cta::after {
    content: "";
    border-color: #169442;
    border-style: solid;
    border-width: 3px 3px 0 0;
    height: 12px;
    margin-left: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.brochures-modal .access-heading,
.locations-modal .access-heading {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    text-transform: uppercase
}

.brochures-modal .access-modal-close,
.locations-modal .access-modal-close {
    height: 24px
}

.brochures-modal .access-modal-close-icon,
.locations-modal .access-modal-close-icon {
    height: 24px;
    width: 24px
}

.brochures-modal .access-modal-content,
.locations-modal .access-modal-content {
    background: #fff;
    height: calc(100vh - 74px)
}

.brochures-modal .access-modal-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.brochures-modal .brochures__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 37px
}

.brochures-modal .brochures__item:nth-child(odd) {
    background: #fff
}

.brochures-modal .brochures__image {
    width: 137px
}

.brochures-modal .brochures__description {
    margin-left: 36px
}

.brochures-modal .brochures__download,
.brochures-modal .brochures__heading {
    color: #090101;
    font-weight: 500;
    text-transform: uppercase
}

.brochures-modal .brochures__heading {
    color: #090101;
    font-size: 18px;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0
}

.brochures-modal .brochures__download {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: 10px;
    text-decoration: none
}

.brochures-modal .brochures__download svg {
    fill: #169442;
    margin-right: 12px;
    height: 21px;
    width: 21px
}

.brochures-modal .brochures__download:hover {
    color: #169442
}

.locations-modal .direction-module {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 50px 29px
}

.locations-modal .direction-module:nth-child(even) {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.locations-modal .opened .city-state__icon {
    background: #090101
}

.locations-modal .opened .city-state__svg--opened {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.locations-modal .closed .city-state__icon {
    background: #169442
}

.locations-modal .closed .city-state__svg--closed {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.locations-modal .closed .direction-module__content,
.locations-modal .closed .direction-module__map {
    display: none
}

.locations-modal .direction-module__city-state {
    cursor: pointer
}

.locations-modal .direction-module__city-state:hover .direction-module__city-state-text {
    color: #169442
}

.locations-modal .direction-module__city-state:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 4px 1px #169442;
    box-shadow: 0 0 4px 1px #169442
}

.locations-modal .city-state__icon {
    border-radius: 4px;
    height: 25px;
    width: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.locations-modal .city-state__svg {
    height: 14px;
    fill: #fff;
    display: none
}

.locations-modal .direction-module__city-state-text {
    color: #090101;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin-left: 16px;
    text-transform: uppercase
}

.locations-modal .direction-module__map {
    height: 264px;
    margin-top: 31px;
    width: 100%
}

.locations-modal .direction-module__content {
    margin-top: 32px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    width: 100%
}

.rider-education__back-cta {
    background: #fff;
    border: 0;
    color: inherit;
    display: inline-block;
    font: 500 14px/16px Roboto, sans-serif;
    letter-spacing: .36px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 25px 21px
}

@media screen and (min-width:768px) {
    .rider-education__back-cta {
        margin: 0 50px 21px
    }
}

.rider-education__back-cta:hover {
    color: #169442
}

.rider-education__back-cta svg {
    display: inline-block;
    fill: #169442;
    height: 15px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 15px
}

.single-column__module {
    background-color: #fff;
    margin: 0;
    padding: 48px 25px
}

@media screen and (min-width:768px) {
    .single-column__module {
        padding: 72px 50px 120px
    }
}

.single-column__module .single-column__heading {
    color: rgba(0, 0, 0, .88);
    font-size: 24px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .49px;
    line-height: 28px;
    margin: 0
}

.single-column__module .single-column__items {
    margin: 40px 0 0
}

.single-column__module .single-column__items .single-column__item-cta+.single-column__item-cta {
    margin: 16px 0 0
}

.single-column__module .single-column__item-cta {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .single-column__module .single-column__item-cta {
        min-height: 223px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.single-column__module .single-column__item-cta .single-column__item-heading {
    color: #090101;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 0
}

.single-column__module .single-column__item-cta .single-column__item-desc {
    color: rgba(0, 0, 0, .88);
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .36px;
    line-height: 24px;
    margin: 16px 0 0
}

.single-column__module .single-column__item-cta .single-column__item-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 23%;
    width: 100%;
    min-height: 220px
}

@media screen and (min-width:768px) {
    .single-column__module .single-column__item-cta .single-column__item-img {
        padding: 0;
        width: 314px
    }
}

.single-column__module .single-column__item-cta .single-column__item-info {
    padding: 22px 20px;
    width: 100%
}

@media screen and (min-width:768px) {
    .single-column__module .single-column__item-cta .single-column__item-info {
        padding: 46px 42px 22px;
        width: calc(100% - 314px)
    }
}

.search-results-highlights {
    list-style: none;
    margin: 0;
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .search-results-highlights {
        padding-left: 50px;
        padding-right: 50px
    }
}

.search-results-highlight {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    margin: 0 0 -1px;
    padding: 18px 18px 18px 63px;
    position: relative
}

@media screen and (min-width:768px) {
    .search-results-highlight {
        padding-left: 69px
    }
}

.search-results-highlight .icon {
    background-color: #169442;
    border-radius: 4px;
    height: 25px;
    left: 18px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 18px;
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 25px
}

@media screen and (min-width:768px) {
    .search-results-highlight .icon {
        left: 26px
    }
}

.search-results-highlight .icon svg {
    fill: #fff;
    height: 15px;
    left: 6px;
    margin-top: 5px;
    position: absolute;
    top: 0;
    width: 13px
}

.search-results-highlight.expanded .icon--up {
    opacity: 1
}

.search-results-highlight.expanded .icon--down {
    opacity: 0
}

.search-results-highlight .icon--down,
.search-results-highlight .icon--up {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.search-results-highlight .icon--up {
    opacity: 0
}

.search-results-highlight .title {
    font: bold 18px/24px Roboto, sans-serif;
    margin: 0
}

.search-results-highlight .title a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .25s;
    transition: color .25s
}

.search-results-highlight .title a:hover {
    color: #169442
}

.search-results-highlight .teaser {
    font-size: 16px;
    height: 1.7em;
    margin: 0;
    min-height: 1.7em;
    overflow: hidden
}

.search-results-highlight .teaser a {
    color: #169442
}

.search-results-highlight .teaser a:hover {
    color: #169442
}

.search-results-highlight .title+.teaser {
    margin-top: 2px
}

.search-results-form {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    padding: 22px 25px 25px;
    position: relative
}

@media screen and (min-width:768px) {
    .search-results-form {
        padding-left: 39px;
        padding-right: 39px
    }
}

@media screen and (min-width:1024px) {
    .search-results-form {
        padding-right: 51px
    }
}

.search-results-form .search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #880f13;
    border: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    height: 60px;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 50px;
    width: 100%
}

.search-results-form .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .95);
    text-transform: none
}

.search-results-form .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, .95);
    text-transform: none
}

.search-results-form .search-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .95);
    text-transform: none
}

.search-results-form .search-input::placeholder {
    color: rgba(255, 255, 255, .95);
    text-transform: none
}

.search-results-form .search-input:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.search-results-form .search-submit {
    background-color: #169442;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 46px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 24px
}

@media screen and (min-width:768px) {
    .search-results-form .search-submit {
        right: 57px
    }
}

@media screen and (min-width:1024px) {
    .search-results-form .search-submit {
        right: 70px
    }
}

.search-results-form .search-submit:disabled {
    opacity: .5
}

.search-results-form .search-submit:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.search-results-form .search-submit svg {
    fill: #fff;
    height: 16px;
    margin-top: 3px;
    width: 14px
}

input::-ms-clear,
input::-ms-reveal,
input::-webkit-search-cancel-button,
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
    font-size: 0;
    opacity: 0
}

.search-results {
    padding-left: 0;
    padding-right: 0
}

.search-results .module {
    background-color: #fff;
    padding: 0 0 29px
}

.search-results .no-of-search-results {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 25px 20px 60px;
    position: relative
}

@media screen and (min-width:768px) {
    .search-results .no-of-search-results {
        padding: 20px 50px 15px 88px
    }
}

@media screen and (min-width:1024px) {
    .search-results .no-of-search-results {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

.search-results .no-of-search-results-number {
    background-color: #169442;
    border-radius: 50%;
    color: #fff;
    font: bold 14px/25px Roboto, sans-serif;
    height: 25px;
    left: 25px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 25px
}

@media screen and (min-width:768px) {
    .search-results .no-of-search-results-number {
        top: 20px;
        left: 52px
    }
}

@media screen and (min-width:1024px) {
    .search-results .no-of-search-results-number {
        top: 33px
    }
}

.search-results .no-of-search-results-term {
    font-weight: 700
}

.search-results .pageNumbers {
    margin: 24px 40px 40px
}

@media screen and (min-width:768px) {
    .search-results .pageNumbers {
        margin-top: 39px;
        margin-bottom: 45px
    }
}

@media screen and (min-width:1024px) {
    .search-results .pageNumbers {
        margin-top: 53px;
        margin-bottom: 66px
    }
}

.search-results .pageNumbers button {
    position: relative;
    top: -1px
}

@media screen and (min-width:1024px) {
    .search-results .no-results {
        margin-top: 51px;
        margin-bottom: 192px
    }
}

.search-results-items {
    margin: 30px 0 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .search-results-items {
        margin-top: 37px
    }
}

.search-results-item {
    list-style: none;
    margin: 0;
    padding: 25px
}

@media screen and (min-width:768px) {
    .search-results-item {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 19px
    }
}

.search-results-item:nth-child(odd) {
    background: url(/images/patterns/bg-white-dotted.png) #fff
}

.search-results-item .title {
    color: #169442;
    font: bold 18px/24px Roboto, sans-serif;
    margin: 0;
    text-decoration: none
}

.search-results-item .title:hover {
    color: #169442;
    text-decoration: underline
}

.search-results-item .teaser {
    height: 3.4em;
    margin: 0;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .search-results-item .teaser {
        height: 1.7em
    }
}

.search-results-item .teaser a {
    color: #169442
}

.search-results-item .teaser a:hover {
    color: #169442
}

.search-results-item .title+.teaser {
    margin-top: 10px
}

@media screen and (min-width:768px) {
    .search-results-item .title+.teaser {
        margin-top: 6px
    }
}

@media screen and (min-width:1024px) {
    .segment.container .header-title {
        padding-left: 50px
    }
}

.segment-download-brochure {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 50px 0 108px
}

@media screen and (min-width:768px) {
    .segment-download-brochure {
        padding: 56px 50px 119px
    }
}

.segment-download-brochure__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fff), color-stop(30%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, #fff 70%, rgba(255, 255, 255, 0) 30%)
}

@media screen and (min-width:768px) {
    .segment-download-brochure__card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background: -webkit-gradient(linear, left top, right top, color-stop(75%, #fff), color-stop(25%, rgba(255, 255, 255, 0)));
        background: linear-gradient(to right, #fff 75%, rgba(255, 255, 255, 0) 25%)
    }
}

.segment-download-brochure__card__content {
    padding: 40px 25px 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:768px) {
    .segment-download-brochure__card__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 42px 20px 0 42px
    }
}

.segment-download-brochure__card__content h2 {
    margin: 0
}

.segment-download-brochure__card__content h2,
.segment-download-brochure__card__content span {
    width: 100%
}

.segment-download-brochure__card__image {
    max-width: 90%;
    margin: 0 auto
}

@media screen and (min-width:768px) {
    .segment-download-brochure__card__image {
        -ms-flex-preferred-size: 46.91%;
        flex-basis: 46.91%;
        margin: 0
    }
}

.segment-download-brochure__card__image img {
    width: 100%;
    margin-bottom: 24px
}

.segment-gallery-module-slider {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.segment-gallery-module-slider.single {
    padding-bottom: 0
}

.segment-gallery-module-slider .gallery-item-image {
    max-width: 100%;
    vertical-align: bottom
}

.segment-gallery-module-slider .slick-next,
.segment-gallery-module-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 90px;
    -webkit-transform: none;
    transform: none;
    width: 37px;
    z-index: 10
}

@media screen and (min-width:768px) {

    .segment-gallery-module-slider .slick-next,
    .segment-gallery-module-slider .slick-prev {
        height: 113px;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.segment-gallery-module-slider .slick-next.slick-disabled,
.segment-gallery-module-slider .slick-prev.slick-disabled {
    opacity: 0
}

.segment-gallery-module-slider .slick-next:before,
.segment-gallery-module-slider .slick-prev:before {
    content: none
}

.segment-gallery-module-slider .slick-next svg,
.segment-gallery-module-slider .slick-prev svg {
    fill: #fff;
    height: 15px;
    margin-left: -1px;
    width: 15px
}

.segment-gallery-module-slider .slick-prev {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 0
}

.segment-gallery-module-slider .slick-next {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: auto;
    right: 0
}

.segment-gallery-module-slider .page-number {
    background: #fff;
    border-bottom: 2px solid #ececec;
    color: #9b9b9b;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: -7px;
    padding: 35px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .segment-gallery-module-slider .page-number {
        bottom: 40px;
        border: 1px solid #dfdfdf;
        left: calc(50% - 80px);
        padding: 20px 55px;
        position: absolute
    }
}

.segment-gallery-module-slider .page-number-curr {
    color: rgba(0, 0, 0, .88);
    padding-right: 5px
}

@media screen and (min-width:768px) {
    .segment-gallery-module-slider .page-number-curr {
        padding-right: 10px
    }
}

.segment-gallery-module-slider .page-number-total {
    color: rgba(0, 0, 0, .88);
    padding-left: 5px
}

@media screen and (min-width:768px) {
    .segment-gallery-module-slider .page-number-total {
        padding-left: 10px
    }
}

.segment-gallery-module-slider .gallery-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.segment-gallery-module-slider .gallery-item-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.segment .hero-gallery.slick-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.segment .hero-gallery-item {
    height: auto
}

@media screen and (min-width:768px) {
    .segment .hero-gallery-item {
        min-height: 350px
    }
}

@media screen and (min-width:1024px) {
    .segment .hero-gallery-item {
        min-height: 450px
    }
}

.segment .hero-gallery-item picture {
    position: relative
}

@media screen and (min-width:1024px) {
    .segment .slick-slide.hero-gallery-item--video img.hero-gallery-image {
        display: none
    }
}

.segment .slick-slide.hero-gallery-item--video .hero-gallery-video {
    display: none
}

@media screen and (min-width:1024px) {
    .segment .slick-slide.hero-gallery-item--video .hero-gallery-video {
        display: block
    }
}

.segment .hero-gallery-video {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.segment-image-cta {
    background: #fff;
    padding: 50px 25px 64px
}

@media screen and (min-width:768px) {
    .segment-image-cta {
        padding: 50px 50px 100px
    }
}

.segment-image-cta .multi,
.segment-image-cta .single {
    display: block
}

@media screen and (min-width:768px) {

    .segment-image-cta .multi,
    .segment-image-cta .single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 19px
    }
}

.segment-image-cta .segment-image-cta-copy {
    font-size: 14px;
    margin: 0;
    padding-bottom: 0;
    width: 100%
}

@media screen and (min-width:768px) {
    .segment-image-cta .segment-image-cta-copy {
        padding-bottom: 40px;
        width: 75%
    }
}

@media screen and (min-width:768px) {
    .segment-image-cta .image {
        width: 50%
    }
}

.segment-image-cta .image img {
    vertical-align: bottom;
    width: 100%
}

.segment-image-cta .cta {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 40px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .segment-image-cta .cta {
        width: 50%
    }
}

.segment-image-cta .cta .cta-header {
    font-size: 24px;
    margin: 6px 0
}

.segment-image-cta .cta .cta-link {
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-decoration: none
}

.segment-image-cta .cta svg {
    fill: #169442;
    position: relative;
    right: -4px;
    top: 3px;
    width: 14px;
    height: 14px
}

.segment-image-cta .tile {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .segment-image-cta .tile {
        margin-bottom: 0
    }
}

.segment-image-cta .multi .tile {
    width: 100%
}

@media screen and (min-width:768px) {
    .segment-image-cta .multi .tile {
        width: calc(33.3% - 16px)
    }
}

.segment-image-cta .image-multi {
    position: relative;
    width: 100%
}

.segment-image-cta .image-multi__disclaimer {
    bottom: 0;
    font-size: 10px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    letter-spacing: .36px;
    line-height: 1.25;
    max-width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, .45);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #fff;
    margin: 10px
}

.segment-image-cta .cta-multi {
    width: 100%
}

.segment-image-cta .cta-header-multi {
    font-size: 18px
}

@media screen and (min-width:768px) {
    .segment-image-cta .cta-header-multi {
        font-size: 24px
    }
}

.segment-image-cta .cta-header-subtitle {
    margin: 0 0 5px
}

.segment-image-cta .cta-link-multi {
    font-size: 14px
}

.segment-image-cta-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
    padding-top: 0
}

@media screen and (min-width:768px) {
    .segment-image-cta-title {
        font-size: 36px
    }
}

@media screen and (min-width:768px) {
    .segment-image-cta-title {
        margin-bottom: 0;
        padding-bottom: 29px
    }
}

.interstitial .hero-gallery-item {
    border-bottom: 4px solid #169442;
    position: relative
}

.interstitial .hero-gallery-item .iframe,
.interstitial .hero-gallery-item img {
    vertical-align: bottom
}

.interstitial .hero-gallery-item.no-border {
    border-bottom: 0
}

.segment-intro {
    margin-top: -4px
}

.segment-intro .intro {
    background: #fff;
    padding: 40px 40px 60px 40px
}

@media screen and (min-width:1024px) {
    .segment-intro .intro {
        padding: 40px 50px 100px 50px
    }
}

.segment-intro .intro .intro-subheader {
    color: rgba(223, 27, 33, .95);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-bottom: 11px
}

@media screen and (min-width:1024px) {
    .segment-intro .intro .intro-subheader {
        margin-bottom: 5px
    }
}

.segment-intro .intro .intro-header {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: .49px;
    line-height: 24px
}

@media screen and (min-width:768px) {
    .segment-intro .intro .intro-header {
        font-size: 36px;
        letter-spacing: .73px;
        line-height: 36px
    }
}

.segment-intro .intro .intro-blurb {
    margin-bottom: 10px
}

.segment-intro .intro-buttons {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 40px
}

@media screen and (min-width:768px) {
    .segment-intro .intro-buttons {
        padding: 0 40px;
        padding-bottom: 40px
    }
}

@media screen and (min-width:1024px) {
    .segment-intro .intro-buttons {
        padding: 60px 50px
    }
}

.segment-intro .intro-buttons .btn-outline,
.segment-intro .intro-buttons .btn-red {
    width: 100%
}

@media screen and (min-width:768px) {

    .segment-intro .intro-buttons .btn-outline,
    .segment-intro .intro-buttons .btn-red {
        max-width: 245px
    }
}

@media screen and (min-width:1024px) {

    .segment-intro .intro-buttons .btn-outline,
    .segment-intro .intro-buttons .btn-red {
        max-width: auto
    }
}

@media screen and (min-width:768px) {
    .segment-intro .intro-buttons .btn-red {
        margin-right: 8px
    }
}

.segment-intro .intro-buttons .btn-outline {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .segment-intro .intro-buttons .btn-outline {
        margin-top: 40px
    }
}

@media screen and (min-width:1024px) {
    .segment-intro .intro-buttons .btn-outline {
        margin-top: 12px
    }
}

.segment-intro .intro-ctas-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .segment-intro .intro-ctas-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .segment-intro .intro-ctas-container .intro-cta.gallery-link:first-of-type {
        margin-right: 40px
    }
}

.segment-intro .intro-cta.gallery-link {
    font-family: Roboto, sans-serif;
    cursor: pointer;
    margin-left: -2px;
    margin-top: 34px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .36px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.segment-intro .intro-cta.gallery-link a {
    text-decoration: none;
    color: #090101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.segment-intro .intro-cta-link {
    text-transform: uppercase
}

.segment-intro .intro-cta-icon {
    display: inline-block;
    margin-right: 12px;
    width: 24px;
    height: 24px;
    fill: #169442
}

.segment-intro .gallery-modal-controls {
    display: none
}

.segment-intro .gallery-modal-share {
    border-top: 1px solid #dfdfdf;
    position: absolute;
    right: 0
}

.segment-marketing-module-slider {
    background: #fff;
    margin-top: 0;
    padding: 88px 0 100px;
    position: relative;
    border-bottom: 2px solid #e9e9e9
}

.segment-marketing-module-slider .gallery-item {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .segment-marketing-module-slider .gallery-item {
        padding: 0 50px
    }
}

.segment-marketing-module-slider .row {
    margin: 0
}

.segment-marketing-module-slider .gallery-item-container {
    padding: 0
}

.segment-marketing-module-slider .gallery-item-image-large,
.segment-marketing-module-slider .gallery-item-image-small {
    background-position: center;
    background-size: cover
}

.segment-marketing-module-slider .gallery-item-image-small {
    height: 260px
}

@media screen and (min-width:768px) {
    .segment-marketing-module-slider .gallery-item-image-large {
        height: 260px
    }
}

@media screen and (min-width:1024px) {
    .segment-marketing-module-slider .gallery-item-image-large {
        height: 520px
    }
}

.segment-marketing-module-slider .gallery-item-rich-text {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    height: 260px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 40px
}

@media screen and (min-width:768px) {
    .segment-marketing-module-slider .gallery-item-rich-text {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.segment-marketing-module-slider .gallery-item-header {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 35px;
    margin-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 52px
}

@media screen and (min-width:768px) {
    .segment-marketing-module-slider .gallery-item-header {
        font-size: 36px;
        margin-bottom: 40px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 88px
    }
}

@media screen and (min-width:1024px) {
    .segment-marketing-module-slider .gallery-item-header {
        font-size: 42px
    }
}

.segment-marketing-module-slider .gallery-item-subheader {
    font-size: 24px;
    ont-weight: bold;
    margin: 5px 0
}

@media screen and (min-width:768px) {
    .segment-marketing-module-slider .gallery-item-subheader {
        font-size: 30px
    }
}

.segment-marketing-module-slider .gallery-item-blurb {
    font-weight: 500;
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase
}

.segment-marketing-module-slider .gallery-item-cta-link {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .88)
}

.segment-marketing-module-slider .slick-next,
.segment-marketing-module-slider .slick-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 100px;
    -webkit-transform: none;
    transform: none;
    width: 37px;
    z-index: 10
}

.segment-marketing-module-slider .slick-next:focus,
.segment-marketing-module-slider .slick-prev:focus {
    background: #169442
}

@media screen and (min-width:768px) {

    .segment-marketing-module-slider .slick-next,
    .segment-marketing-module-slider .slick-prev {
        height: 113px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }
}

.segment-marketing-module-slider .slick-next.slick-disabled,
.segment-marketing-module-slider .slick-prev.slick-disabled {
    opacity: 0
}

.segment-marketing-module-slider .slick-next:before,
.segment-marketing-module-slider .slick-prev:before {
    content: none
}

.segment-marketing-module-slider .slick-next svg,
.segment-marketing-module-slider .slick-prev svg {
    fill: #fff;
    height: 15px;
    margin-left: -1px;
    width: 15px
}

.segment-marketing-module-slider .slick-dots {
    bottom: -35px
}

.segment-marketing-module-slider .slick-prev {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 0
}

.segment-marketing-module-slider .slick-next {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: auto;
    right: 0
}

.segment-marketing-module-slider .gallery-item-gallery-link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    min-height: 60px;
    text-transform: uppercase
}

.segment-marketing-module-slider .gallery-item-cta-icon {
    display: inline-block;
    margin-bottom: -10px;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    fill: #169442
}

.segment-marketing-module-slider .gallery-modal-controls {
    border: none
}

.segment-marketing-module-slider .gallery-modal-share {
    visibility: hidden;
    display: none;
    position: absolute;
    right: 0
}

.segment-marketing-module-slider .gallery-modal-video {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    opacity: 1;
    visibility: visible
}

.segment-marketing-module-slider .gallery-modal-slide .gallery-modal-image,
.segment-marketing-module-slider .gallery-modal-slide .gallery-modal-play {
    display: none;
    visibility: hidden
}

.segment-marketing-module-slider .gallery-item-disclaimer {
    background: rgba(255, 255, 255, .7);
    bottom: 0;
    color: #222;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    max-width: 100%;
    padding: 8px 20px 8px 8px;
    position: absolute;
    right: 0;
    z-index: 1
}

.segment-models {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin: 0;
    padding: 70px 60px
}

.segment-models .models__section {
    margin: 0 0 36px
}

@media screen and (min-width:768px) {
    .segment-models .models__section {
        margin: 0 -8px 36px
    }
}

.segment-models.trims-container {
    border-top: 0;
    padding-bottom: 23px;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .segment-models.trims-container {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 93px
    }
}

.segment-models.trims-container .dots-container {
    width: calc(100% + 16px)
}

.segment-models .trim-container {
    margin-bottom: 24px;
    min-width: auto
}

.segment-models .colorswatch-image-container {
    padding: 0
}

.segment-models .trim-footer {
    padding: 11px 16px 14px
}

.segment-models__section-title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 0;
    width: 100%
}

.segment-models__section-title:not(:first-child) {
    margin-top: 32px
}

@media screen and (min-width:768px) {
    .segment-models__section-title {
        font-size: 36px;
        font-weight: 500;
        letter-spacing: .61px;
        line-height: 36px;
        margin-bottom: 50px
    }

    .segment-models__section-title:not(:first-child) {
        margin-top: 26px
    }
}

.segment-resources {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 60px
}

@media screen and (min-width:768px) {
    .segment-resources {
        padding-left: 50px;
        padding-right: 50px
    }
}

.segment-resources h2 {
    font-size: 24px;
    margin-top: 0;
    padding-top: 60px
}

@media screen and (min-width:768px) {
    .segment-resources h2 {
        font-size: 36px
    }
}

.segment-resources .resource {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.segment-resources .resource--item {
    border-top: 1px solid #dfdfdf;
    color: rgba(0, 0, 0, .88);
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 25px 0;
    text-decoration: none;
    text-transform: uppercase
}

.segment-resources .resource--item:hover {
    color: #169442
}

.segment-resources .resource--item.last {
    border-bottom: 1px solid #dfdfdf
}

@media screen and (min-width:768px) {
    .segment-resources .resource--item {
        -webkit-box-flex: 0;
        -ms-flex: 0 47%;
        flex: 0 47%
    }

    .segment-resources .resource--item:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (min-width:1024px) {
    .segment-resources .resource--item {
        -webkit-box-flex: 0;
        -ms-flex: 0 46%;
        flex: 0 46%
    }

    .segment-resources .resource--item:nth-child(even) {
        margin-right: 0
    }
}

.segment-resources .resource--item.mid.last {
    border-bottom: 0
}

@media screen and (min-width:768px) {
    .segment-resources .resource--item.mid.last {
        border-bottom: 1px solid #dfdfdf
    }
}

.segment-resources .resource--item .resource--item__name {
    position: relative
}

.segment-resources .resource--item .open-window-link {
    position: absolute;
    top: -8px;
    right: -20px
}

.segment-resources .svg {
    fill: #169442
}

.segment-resources .open-window {
    width: 14px;
    height: 14px
}

.segment-resources .link-out {
    float: right;
    height: 14px;
    margin-top: 3px;
    width: 14px
}

.segment-resources .download {
    float: right;
    height: 14px;
    width: 14px
}

.segment.container {
    padding-left: 0;
    padding-right: 0
}

.slide-out-tool__flyout {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .271);
    box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .271);
    background-color: #0f0f0f;
    border: 3px solid #fff;
    border-radius: 63px;
    bottom: 24px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 63px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 16px;
    padding: 0 20px;
    position: fixed;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    width: 63px;
    z-index: 9000
}

.slide-out-tool__flyout .slide-out-tool__close {
    display: none
}

.slide-out-tool__flyout .slide-out-tool__text-container {
    width: 100%;
    min-width: 44px;
    border-radius: 25px;
    border: 2px solid #169442;
    padding: 5px 10px;
    position: relative;
    height: 26px;
    overflow: hidden
}

.slide-out-tool__flyout .slide-out-tool__text-container:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: #0f0f0f;
    z-index: 1
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slide-out-tool__flyout .slide-out-tool__text-container {
        left: -75%;
        -webkit-transition: .7s;
        transition: .7s
    }
}

.slide-out-tool__flyout .slide-out-tool__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: italic;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 9px;
    -webkit-transition: right .3s ease-out;
    transition: right .3s ease-out
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slide-out-tool__flyout .slide-out-tool__text {
        -webkit-transform: translate(-200%, -50%);
        transform: translate(-200%, -50%)
    }
}

.slide-out-tool__flyout .slide-out-tool__text-automatic {
    color: #d8d8d8;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    vertical-align: top;
    white-space: nowrap;
    margin-right: 6px
}

.slide-out-tool__flyout .slide-out-tool__text-dct {
    display: inline-block;
    color: #d8d8d8;
    font-size: 11px;
    font-weight: 600
}

.slide-out-tool__flyout .slide-out-tool__text-chevron {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: -25px;
    -webkit-transition: right .2s ease-out;
    transition: right .2s ease-out;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slide-out-tool__flyout .slide-out-tool__text-chevron svg {
    display: block;
    fill: #169442;
    margin: 0;
    height: 9px;
    width: 9px
}

.slide-out-tool__flyout.slide-out-tool__flyout--expanded {
    padding: 0 20px;
    width: 190px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__text-container {
        left: 0
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__text {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__text-chevron {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    right: -20px
}

.slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__text {
    right: 30px
}

.slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .271);
    box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .271);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 27px;
    left: -8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    width: 27px
}

.slide-out-tool__flyout.slide-out-tool__flyout--expanded .slide-out-tool__close svg {
    height: 9px;
    width: 9px;
    fill: #169442
}

.specs {
    display: none
}

.specs.loaded {
    display: block
}

.specs .header {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:768px) {
    .specs .header {
        padding-top: 23px
    }
}

.specs.container {
    background: #fff;
    padding: 0 25px 10px
}

@media screen and (min-width:768px) {
    .specs.container {
        padding: 0 50px 35px
    }
}

@media screen and (min-width:1024px) {
    .specs .specs-accordion-wrap {
        margin-top: 110px
    }
}

.specs .accordion-icon {
    background: #169442;
    border-radius: 5px;
    height: 25px;
    margin-right: 11px;
    padding: 4px;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
    width: 25px
}

@media screen and (min-width:768px) {
    .specs .accordion-icon {
        margin-right: 17px
    }
}

@media screen and (min-width:1024px) {
    .specs .accordion-icon {
        margin-right: 20px;
        margin-left: 6px
    }
}

.specs .accordion-icon--down,
.specs .accordion-icon--up {
    fill: #fff;
    height: 17px;
    position: absolute;
    width: 17px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.specs .accordion-icon--down {
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.specs .accordion-icon--up {
    opacity: 0;
    top: calc(50% - 9px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.specs .accordion-item-wrap {
    border-bottom: 1px solid #9b9b9b
}

@media screen and (min-width:768px) {
    .specs .accordion-item-wrap {
        margin-bottom: 44px
    }
}

.specs .active .accordion-icon {
    background: #090101
}

.specs .active .accordion-icon--down {
    opacity: 0
}

.specs .active .accordion-icon--up {
    opacity: 1
}

.specs .trim-select-wrap {
    float: left;
    margin-bottom: 25px
}

@media screen and (min-width:1024px) {
    .specs .trim-select-wrap {
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 10px
    }
}

.specs .trim-type-header {
    display: none;
    margin-top: 0;
    padding: 15px 0 20px
}

@media screen and (min-width:768px) {
    .specs .trim-type-header {
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media screen and (min-width:1024px) {
    .specs .trim-type-header {
        margin-bottom: 0;
        padding-left: 15px
    }
}

.specs .trim-type-header:first-child {
    display: block
}

.specs .specs-title-wrap {
    clear: both
}

.specs .specs-info {
    width: 100%
}

.specs .spec-info-list button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 25px;
    text-align: left;
    width: 100%
}

@media screen and (min-width:768px) {
    .specs .spec-info-list button {
        font-size: 24px;
        line-height: 26px
    }
}

.specs .spec-info-list button:hover {
    cursor: pointer
}

.specs .spec-list {
    height: 0;
    margin: 0
}

.specs .spec-info-footer {
    text-align: left
}

@media screen and (min-width:768px) {
    .specs .spec-info-footer {
        padding-top: 25px;
        padding-bottom: 55px
    }
}

.specs .specs-info-link svg {
    height: 24px;
    margin-right: 10px;
    margin-left: 0;
    width: 22px
}

@media screen and (min-width:768px) {
    .specs .specs-img-block {
        width: 100%
    }
}

@media screen and (min-width:1024px) {
    .specs .specs-img-block {
        padding: 0;
        margin: 0;
        width: 100%
    }
}

.specs .accordion-trigger {
    background: 0 0;
    border: 0;
    padding: 19px 7px 21px 0
}

@media screen and (min-width:768px) {
    .specs .accordion-trigger {
        padding: 20px 7px 20px 0
    }
}

@media screen and (min-width:1024px) {
    .specs-trim-wrap-wrapper {
        margin-top: -70px
    }
}

.specs-trim-wrap {
    max-width: 350px
}

.trims-container .access-modal-nav {
    display: block
}

.trims-container .access-modal-nav .access-modal-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    float: left;
    text-align: left;
    width: 50%
}

@media (min-width:768px) {
    .trims-container .access-modal-nav .access-modal-prev {
        font-size: 14px
    }
}

.trims-container .access-modal-nav .access-modal-next {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    float: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    width: 50%
}

@media (min-width:768px) {
    .trims-container .access-modal-nav .access-modal-next {
        font-size: 14px
    }
}

.trims-container .access-modal-nav .text {
    margin-top: -3px
}

.trims-container .swatches-wrapper {
    padding-left: 0;
    margin: 10px -33px;
    text-align: left
}

.trims-container .swatches-wrapper li {
    list-style-type: none
}

.trims-container .swatches-wrapper li,
.trims-container .swatches-wrapper li button,
.trims-container .swatches-wrapper li div {
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    margin-right: 3px;
    padding: 0;
    vertical-align: middle;
    width: 24px
}

.trims-container .swatches-wrapper li button:hover,
.trims-container .swatches-wrapper li div:hover,
.trims-container .swatches-wrapper li:hover {
    cursor: pointer
}

.trims-container .swatches-wrapper li button svg,
.trims-container .swatches-wrapper li div svg,
.trims-container .swatches-wrapper li svg {
    display: none;
    height: 14px;
    width: 14px
}

.trims-container .swatches-wrapper li button.checked svg,
.trims-container .swatches-wrapper li div.checked svg,
.trims-container .swatches-wrapper li.checked svg {
    display: block;
    fill: #fff
}

.trims-container .swatches-wrapper li button.checked.reverse svg,
.trims-container .swatches-wrapper li div.checked.reverse svg,
.trims-container .swatches-wrapper li.checked.reverse svg {
    fill: #169442
}

.trims-container .swatches-wrapper li button.checked.black svg,
.trims-container .swatches-wrapper li div.checked.black svg,
.trims-container .swatches-wrapper li.checked.black svg {
    fill: #090101
}

.trims-container .swatches-wrapper li button,
.trims-container .swatches-wrapper li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .trims-container .swatches-wrapper {
        margin: 10px -90px
    }
}

.trims-container .swatches-wrapper li svg {
    margin: 4px auto
}

.trims-container .list-item {
    border-top: 1px solid #9b9b9b;
    font-size: 14px;
    letter-spacing: .31px;
    line-height: 24px;
    list-style-type: none;
    padding: 0 5px;
    position: relative
}

@media (min-width:768px) {
    .trims-container .list-item {
        font-size: 16px
    }
}

.trims-container .list-item:before {
    background: #169442;
    content: "";
    display: inline-block;
    height: 12px;
    margin-top: 19px;
    padding-right: .5em;
    position: absolute;
    width: 12px
}

.trims-container .access-modal-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 54px 25px 120px
}

@media (min-width:768px) {
    .trims-container .access-modal-content {
        padding: 54px 50px 90px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .trims-container .access-modal-content {
        padding-bottom: 154px
    }
}

.trims-container .access-modal-content .overlay-img-block {
    margin-bottom: 28px;
    padding: 0 33px
}

@media (min-width:768px) {
    .trims-container .access-modal-content .overlay-img-block {
        margin-bottom: 72px;
        padding: 0 65px
    }
}

.trims-container .access-modal-content .overlay-img-block img {
    width: 100%
}

.trims-container .access-modal-content .list-info {
    padding-left: 28px
}

.trims-container .access-modal-content .trim-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 18px
}

.trims-container .access-modal-content .trim-title .asterisk-icon {
    margin-bottom: 10px
}

.trims-container .access-modal-content .trim-price {
    font-size: 16px;
    padding-bottom: 22px;
    padding-top: 0
}

.trims-container .access-modal-content .special_wrapper {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .trims-container .access-modal-content .special_wrapper {
        margin-bottom: 48px
    }
}

.trims-container .access-modal-content .base_wrapper,
.trims-container .access-modal-content .special_wrapper {
    border-bottom: 1px solid #9b9b9b
}

.trims-container .access-modal-content .base_wrapper h3,
.trims-container .access-modal-content .special_wrapper h3 {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .49px;
    line-height: 24px
}

.trims-container .access-modal-content .base_wrapper ul,
.trims-container .access-modal-content .special_wrapper ul {
    padding: 0
}

.trims-container .access-modal-content .trim-footer {
    border: 0;
    padding: 0;
    text-decoration: none
}

.trims-container .access-modal-content .trim-footer .build {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff;
    display: none;
    margin-top: 50px;
    width: 210px
}

.trims-container .access-modal-content .trim-footer .build:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.trims-container .access-modal-content .trim-footer .compare {
    border: 2px solid #090101;
    border-radius: 4px;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: 0 0;
    border-color: #169442;
    border-width: 1px;
    color: #090101;
    cursor: pointer;
    margin-top: 40px;
    padding: 15px;
    margin-top: 12px;
    position: relative;
    width: 100%
}

.trims-container .access-modal-content .trim-footer .compare:hover {
    background: #fff;
    color: #169442
}

@media (min-width:768px) {
    .trims-container .access-modal-content .trim-footer .compare {
        margin-top: 40px;
        width: 48%
    }
}

.trims-container .access-modal-content .trim-footer .compare-arrow {
    fill: #169442;
    height: 20px;
    left: 16px;
    position: absolute;
    top: 10px;
    width: 20px
}

.trims-container .access-modal-content .trim-footer .compare-button {
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase
}

.trims-interior.container {
    background: #fff;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:768px) {
    .trims-interior .header {
        padding-top: 23px
    }
}

.trims-wrapper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    border-top: 6px solid #169442;
    padding: 40px 25px 70px
}

@media screen and (min-width:768px) {
    .trims-wrapper {
        border-top: 0;
        padding: 75px 50px 105px
    }
}

.trims-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.trims-container.with-dct-badge .slick-list {
    padding-top: 20px
}

.trims-container.with-dct-badge .trim-container {
    margin-bottom: 32px
}

.trims-container .trims__section-title {
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .41px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 0;
    width: 100%
}

.trims-container .trims__section-title:not(:first-child) {
    margin-top: 32px
}

.raq-module .trims-container {
    padding: 0 25px
}

@media screen and (min-width:768px) {
    .raq-module .trims-container {
        padding: 0 42px
    }
}

.trims-container .dots-container {
    position: static;
    width: 100%
}

@media screen and (min-width:768px) {
    .trims-container .dots-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin: 0 -8px;
        width: calc(100% + 16px)
    }
}

.trims-container .slick-dots {
    bottom: auto;
    text-align: left;
    top: -77px;
    width: auto
}

.trims-container .slick-dots li {
    margin: 0 5px 0 0
}

.trims-container .slick-dots li .slick-dot {
    width: 10px;
    height: 10px
}

.trim-container {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px;
    min-width: 260px;
    width: 100%
}

@media screen and (min-width:768px) {
    .trim-container {
        margin: 0 8px 16px;
        margin-bottom: 30px;
        width: calc(50% - 16px)
    }

    .trims-wrapper .trim-container:nth-child(n+3) {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .trim-container {
        width: calc(25% - 12px);
        margin: 0 16px 16px 0;
        min-width: auto
    }

    .trims-wrapper .trim-container:nth-child(n+2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .trims-wrapper .trim-container:nth-child(n+5) {
        display: none
    }

    .trim-container:nth-child(4n+4) {
        margin-right: 0
    }
}

.trims-header {
    margin-bottom: 25px;
    padding: 0 0 20px;
    text-align: right;
    width: 100%
}

@media screen and (min-width:768px) {
    .trims-header {
        border-bottom: 1px solid #9b9b9b;
        margin-bottom: 56px;
        position: relative
    }
}

.trims-header-title {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 36px;
    text-align: left;
    width: 100%
}

@media screen and (min-width:768px) {
    .trims-header-title {
        font-size: 36px
    }
}

@media screen and (min-width:576px) {
    .trims-header-title {
        width: auto
    }
}

@media screen and (min-width:768px) {
    .trims-header-title {
        margin-bottom: 0
    }
}

.trim-header-dots {
    list-style-type: none;
    margin: 0
}

@media screen and (min-width:576px) {
    .trim-header-dots {
        display: none
    }
}

.trim-header-dot {
    background: #d8d8d8;
    border-radius: 25px;
    display: inline-block;
    height: 10px;
    margin: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 10px
}

.trim-header-dot.dot-active {
    background: #169442
}

.trims-header-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090101;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin: 0;
    padding: 0
}

.trims-header-link svg {
    display: inline-block;
    fill: #169442;
    height: 14px;
    margin: 0 5px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    vertical-align: middle;
    width: 14px
}

.trims-header-link:hover {
    color: #169442
}

.trims-header-link svg {
    margin-left: 12px;
    margin-right: -3px;
    margin-top: 1px
}

@media screen and (min-width:768px) {
    .trims-header-link {
        position: absolute;
        right: 0;
        top: 13px
    }
}

.trims-header-icon {
    margin-right: 0
}

.trims-header-count {
    background: #169442;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    min-width: 26px;
    padding: 3px 8px;
    text-align: center
}

.trims {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding: 20px
}

@media screen and (min-width:576px) {
    .trims {
        padding: 40px
    }
}

.trims-interior .trims {
    padding: 40px 20px
}

@media screen and (min-width:768px) {
    .trims-interior .trims {
        padding: 60px 45px;
        padding-left: 30px
    }
}

@media screen and (min-width:1024px) {
    .trims-interior .trims {
        padding: 60px 40px
    }
}

.trim-main {
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 18px;
    position: relative
}

.trim-dct-badge {
    cursor: pointer;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #169442;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    max-width: 190px
}

.trim-dct-badge span {
    color: #090101;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    padding: 6px 14px;
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.trim-dct-badge svg {
    height: 12px;
    width: 12px;
    margin-left: 11px
}

.trim-footer {
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding: 18px;
    text-align: center;
    text-decoration: none
}

.trim-footer:hover {
    cursor: pointer
}

.trim-title {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    margin-top: 4px;
    padding-bottom: 0
}

@media screen and (min-width:1024px) {
    .trim-title {
        margin-top: 11px
    }
}

.trim-title .asterisk-icon {
    margin-bottom: 5px
}

.trims-interior .trim-title {
    margin-top: 8px
}

.trim-flag {
    display: inline-block;
    background-color: #169442;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 4px;
    text-align: left !important;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: absolute;
    left: 0;
    bottom: -5px;
    margin: 0
}

.trim-price {
    color: #4a4a4a;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 5px
}

.trim-buttons {
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    position: static;
    width: 100%
}

.trim-buttons .details,
.trim-buttons .select {
    width: 49%
}

.details {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background-color: #169442;
    border-color: #169442;
    color: #fff;
    font-weight: 700;
    height: 35px;
    padding: 9px 15px
}

.details:hover {
    background-color: #169442;
    border-color: #169442
}

@media (hover:none) {
    .details:hover {
        border-color: #169442;
        background-color: #169442
    }
}

.details.active {
    background: #169442;
    border-color: #169442
}

.select {
    border: 2px solid #090101;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 48px;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #090101;
    border-color: #090101;
    color: #fff;
    height: 35px;
    padding: 9px 15px
}

.select:hover {
    background: #bcbcbc;
    border-color: #bcbcbc
}

.trim-compare {
    border-top: 1px solid #dfdfdf
}

.colorswatch-swatches {
    padding-left: 0;
    margin: 10px 0;
    text-align: left
}

.colorswatch-swatches li {
    list-style-type: none
}

.colorswatch-swatches li,
.colorswatch-swatches li button,
.colorswatch-swatches li div {
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    margin-right: 3px;
    padding: 0;
    vertical-align: middle;
    width: 24px
}

.colorswatch-swatches li button:hover,
.colorswatch-swatches li div:hover,
.colorswatch-swatches li:hover {
    cursor: pointer
}

.colorswatch-swatches li button svg,
.colorswatch-swatches li div svg,
.colorswatch-swatches li svg {
    display: none;
    height: 14px;
    width: 14px
}

.colorswatch-swatches li button.checked svg,
.colorswatch-swatches li div.checked svg,
.colorswatch-swatches li.checked svg {
    display: block;
    fill: #fff
}

.colorswatch-swatches li button.checked.reverse svg,
.colorswatch-swatches li div.checked.reverse svg,
.colorswatch-swatches li.checked.reverse svg {
    fill: #169442
}

.colorswatch-swatches li button.checked.black svg,
.colorswatch-swatches li div.checked.black svg,
.colorswatch-swatches li.checked.black svg {
    fill: #090101
}

.colorswatch-swatches li button,
.colorswatch-swatches li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.colorswatch-image-container {
    position: relative;
    text-align: left;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width:768px) {
    .colorswatch-image-container {
        padding: 0 50px
    }
}

@media screen and (min-width:1024px) {
    .colorswatch-image-container {
        padding: 0
    }
}

.colorswatch-image {
    width: 100%
}

.compare-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -18px;
    padding: 18px;
    position: relative;
    width: calc(100% + 36px)
}

.compare-arrow {
    fill: #169442;
    height: 20px;
    margin-right: 7px;
    top: 2px;
    width: 20px
}

.compare-button {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase
}

.raq .compare-wrapper {
    display: none
}

.trims-compare-modal {
    z-index: 10000;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #ececec
}

@media (min-width:768px) {
    .trims-compare-modal .header {
        padding-top: 72px;
        padding-bottom: 66px
    }
}

.trims-compare-modal__close-container {
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.trims-compare-modal__close-container button {
    border: none;
    outline: 0;
    background: 0 0;
    padding: 0;
    margin: 15px 25px;
    cursor: pointer
}

@media (min-width:768px) {
    .trims-compare-modal__close-container button {
        margin: 26px 50px
    }
}

.trims-compare-modal__close-container .trims-compare-modal__close-icon {
    display: block;
    width: 24px;
    height: 24px;
    fill: #fff
}

.trims-compare-modal__models-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-top: 3px solid #169442;
    border-bottom: 1px solid #dadada
}

@media (min-width:768px) {
    .trims-compare-modal__models-container {
        padding: 0 50px
    }
}

.trims-compare-modal__models-container.sticky {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    border-top: none;
    border-bottom: 3px solid #169442
}

.trims-compare-modal__models-container.sticky .trims-compare-modal__model {
    padding-top: 7px;
    padding-bottom: 12px
}

@media (min-width:768px) {
    .trims-compare-modal__models-container.sticky .trims-compare-modal__model {
        padding-top: 20px;
        padding-bottom: 35px
    }
}

.trims-compare-modal__models-container.sticky .trims-compare-modal__model-content {
    padding: 0
}

.trims-compare-modal__models-container.sticky .trims-compare-modal__model h2 {
    display: none;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .29px;
    line-height: 24px;
    margin: 0 0 4px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .trims-compare-modal__models-container.sticky .trims-compare-modal__model h2 {
        display: block
    }
}

.trims-compare-modal__models-container.sticky .trims-compare-modal__model .trims-compare-modal__model__image {
    height: 51px;
    width: 78px
}

@media (min-width:768px) {
    .trims-compare-modal__models-container.sticky .trims-compare-modal__model .trims-compare-modal__model__image {
        height: 85px;
        width: 146px
    }
}

.trims-compare-modal__models-container .trims-compare-modal__model {
    position: relative;
    border-left: 1px solid #dadada;
    -webkit-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 35px
}

.trims-compare-modal__models-container .trims-compare-modal__model:last-of-type {
    border-right: 1px solid #dadada
}

@media (min-width:768px) {
    .trims-compare-modal__models-container .trims-compare-modal__model {
        padding: 24px 27px 18px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__models-container .trims-compare-modal__model {
        padding: 27px 27px 18px
    }
}

.trims-compare-modal__models-container .trims-compare-modal__model-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 14px 14px
}

@media (min-width:768px) {
    .trims-compare-modal__models-container .trims-compare-modal__model-content {
        padding: 0
    }
}

.trims-compare-modal__models-container .trims-compare-modal__model .details {
    margin-top: auto;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0
}

.trims-compare-modal__models-container .trims-compare-modal__model .details.active {
    background-color: #169442;
    border-color: #169442
}

@media screen and (min-width:768px) {
    .trims-compare-modal__models-container .trims-compare-modal__model .details {
        height: 54px;
        border-radius: 4px
    }
}

.trims-compare-modal__models-container .trims-compare-modal__model h2 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 12px 0 0;
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 24px;
    text-transform: uppercase
}

.trims-compare-modal__models-container .trims-compare-modal__model p {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 0 15px;
    color: #4a4a4a;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: auto
}

.trims-compare-modal__models-container .trims-compare-modal__model__image {
    width: 100%;
    height: 85px;
    width: 138px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .trims-compare-modal__models-container .trims-compare-modal__model__image {
        height: 115px;
        width: 216px
    }
}

.trims-compare-modal__models-container .trims-compare-modal__model__remove-icon {
    outline: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    padding: 7px;
    margin: 0
}

.trims-compare-modal__models-container .trims-compare-modal__model .trims-compare-modal__remove-trim {
    width: 14px;
    height: 14px;
    fill: #cecece
}

.trims-compare-modal__lite-add-trim {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background: url(/images/patterns/bg-red-diagonal.png) #169442;
    outline: 0;
    padding: 0;
    cursor: pointer;
    border: none !important;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trims-compare-modal__lite-add-trim-icon-container {
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #fff;
    border-radius: 100%
}

.trims-compare-modal__lite-add-trim-icon {
    height: 12px;
    width: 12px;
    fill: #fff
}

.trims-compare-modal__add-trim {
    -webkit-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-left: 1px solid #dadada;
    outline: 0;
    background: 0 0;
    padding: 0;
    cursor: pointer
}

.trims-compare-modal__add-trim h2 {
    color: #090101;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    margin-top: 22px;
    text-transform: uppercase
}

.trims-compare-modal__add-trim .trims-compare-modal__add-trim-icon-container {
    height: 94px;
    border-radius: 100%;
    width: 94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 5px solid #169442
}

.trims-compare-modal__add-trim .trims-compare-modal__add-trim-icon-container .trims-compare-modal__add-trim-icon {
    fill: #169442;
    height: 30px;
    width: 31px
}

.trims-compare-modal .container {
    background: #fff;
    padding: 0
}

.trims-compare-modal__content {
    position: relative;
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    margin-top: 55px;
    border-top: 3px solid #169442
}

@media (min-width:768px) {
    .trims-compare-modal__content {
        margin-top: 73px
    }
}

.trims-compare-modal__content__arrow {
    display: none;
    fill: #169442;
    height: 15px;
    width: 15px;
    position: absolute;
    top: -46px;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .trims-compare-modal__content__arrow {
        display: block
    }
}

.trims-compare-modal__specs-container-title {
    margin: 0;
    padding: 18px 25px;
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    letter-spacing: .55px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-title {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: .41px;
        line-height: 36px;
        padding-right: 77px;
        padding-left: 77px
    }
}

.trims-compare-modal__specs-container-title+.category-item {
    border-top: none !important
}

.trims-compare-modal__specs-container-content {
    padding: 30px 25px 48px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-content {
        padding: 34px 80px 48px
    }
}

.trims-compare-modal__specs-container-content.category-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 34px 25px;
    border-top: 2px solid #ececec
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-content.category-item {
        padding: 34px 50px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__specs-container-content.category-item {
        padding: 45px 61px 48px 61px
    }
}

.trims-compare-modal__specs-container-content.category-item:last-of-type {
    padding-bottom: 64px
}

.trims-compare-modal__specs-container-content.category-item p {
    margin: 0
}

.trims-compare-modal__specs-container-content.category-item h3 {
    color: #169442;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .55px;
    line-height: 24px;
    margin: 9px 0 0;
    text-transform: uppercase;
    text-align: center
}

.trims-compare-modal__specs-container-content.category-item h3+div {
    margin-top: 24px
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-content.category-item h3+div {
        margin-top: 12px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__specs-container-content.category-item h3+div {
        margin-top: 26px
    }
}

.trims-compare-modal__specs-container-content.category-item h4 {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .49px;
    line-height: 24px;
    margin: 6px 0 24px;
    text-align: center
}

.trims-compare-modal__specs-container-content.category-item>div>div .trims-compare-modal__specs-container-content__item:not(:first-of-type) {
    margin-top: 14px
}

.trims-compare-modal__specs-container-content.category-item .trims-compare-modal__specs-container-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.trims-compare-modal__specs-container-content.category-item .trims-compare-modal__specs-container-content__item .dot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #169442;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-top: 8px;
    margin-right: 21px
}

.trims-compare-modal__specs-container-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.trims-compare-modal__specs-container-content.two-rows>div>div:first-of-type {
    margin-right: 24px
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-content.two-rows>div>div:first-of-type {
        margin-right: 48px
    }
}

.trims-compare-modal__specs-container-content.two-rows>div>div {
    width: calc(50% - 20px)
}

.trims-compare-modal__specs-container-content.three-rows>div>div:not(:last-of-type) {
    margin-right: 24px
}

@media (min-width:768px) {
    .trims-compare-modal__specs-container-content.three-rows>div>div:not(:last-of-type) {
        margin-right: 48px
    }
}

.trims-compare-modal__specs-container-content.three-rows>div>div {
    width: calc(33.33% - 26.66px)
}

.trims-compare-modal__trim-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 48px 25px 60px
}

@media (min-width:768px) {
    .trims-compare-modal__trim-grid {
        padding: 46px 50px 60px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .trims-compare-modal__trim-grid>div:nth-of-type(3n+3) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__trim-grid>div:nth-of-type(4n+4) {
        margin-right: 0
    }
}

.trims-compare-modal__trim-grid-item {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dfdfdf;
    padding-top: 12px
}

@media (min-width:768px) {
    .trims-compare-modal__trim-grid-item {
        margin-right: 14px;
        width: calc(33.33% - 9.33px)
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__trim-grid-item {
        width: calc(25% - 10.5px)
    }
}

.trims-compare-modal__trim-grid-item-content {
    height: 100%;
    padding: 0 22px
}

.trims-compare-modal__trim-grid-item-icon {
    height: 25px;
    width: 25px;
    fill: #169442;
    margin-right: 10px
}

.trims-compare-modal__trim-grid-item img {
    width: 100%
}

.trims-compare-modal__trim-grid-item h2 {
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .37px;
    line-height: 18px;
    margin: 13px 0 8px;
    text-transform: uppercase
}

.trims-compare-modal__trim-grid-item p {
    color: #5b5b5b;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .31px;
    line-height: 16px;
    margin: 0 0 19px;
    text-transform: uppercase
}

.trims-compare-modal__trim-grid-item button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 62px;
    outline: 0;
    border: none;
    border-top: 1px solid #dfdfdf;
    width: 100%;
    color: rgba(0, 0, 0, .88);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .36px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    background-color: #fff
}

.trims-compare-modal__trim-grid-item button:disabled {
    cursor: initial;
    color: #9b9b9b
}

.trims-compare-modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-shadow: inset 0 3px 0 0 #ececec;
    box-shadow: inset 0 3px 0 0 #ececec
}

.trims-compare-modal__footer.container {
    padding: 0 25px
}

@media (min-width:768px) {
    .trims-compare-modal__footer.container {
        padding: 0 50px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__footer.container {
        padding: 0 80px
    }
}

.trims-compare-modal__footer.two-rows {
    height: 121px
}

@media (min-width:768px) {
    .trims-compare-modal__footer.two-rows {
        height: 127px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__footer.two-rows {
        height: 118px
    }
}

.trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item {
        -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item {
        -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px)
    }
}

.trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item:first-of-type {
    margin-right: 6px
}

@media (min-width:768px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item:first-of-type {
        margin-right: 17px
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item:first-of-type {
        margin-right: 40px
    }
}

.trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-black {
    margin-bottom: 6px
}

@media (min-width:768px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-black {
        margin-right: 8px;
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-black {
        margin-right: 10px
    }
}

.trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-black,
.trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-red {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px
}

@media (max-width:767px) {

    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-black,
    .trims-compare-modal__footer.two-rows .trims-compare-modal__footer__item .btn-red {
        padding: 6px 0;
        height: 29px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .31px;
        line-height: 16px;
        text-align: center
    }
}

.trims-compare-modal__footer.three-rows {
    height: 175px
}

.trims-compare-modal__footer.three-rows .trims-compare-modal__footer__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(33.33% - 26.66px)
}

.trims-compare-modal__footer.three-rows .trims-compare-modal__footer__item:not(:last-of-type) {
    margin-right: 40px
}

.trims-compare-modal__footer.three-rows .trims-compare-modal__footer__item .btn-black {
    margin-bottom: 12px
}

.trims-compare-modal__footer.three-rows .trims-compare-modal__footer__item .btn-black,
.trims-compare-modal__footer.three-rows .trims-compare-modal__footer__item .btn-red {
    width: 218px
}

.trims-compare-modal__footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.special-feature-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 14px
}

.special-feature-container p {
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 24px
}

.special-feature-container .special-feature-dot {
    height: 12px;
    width: 12px;
    background-color: #169442;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 7px
}

.wallpapers {
    padding-left: 0;
    padding-right: 0
}

.wallpapers .module {
    background-color: #fff;
    padding: 0 25px 90px
}

@media screen and (min-width:768px) {
    .wallpapers .module {
        padding-bottom: 100px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.wallpapers .pageNumbers {
    margin: 90px 0 0
}

@media screen and (min-width:768px) {
    .wallpapers .pageNumbers {
        margin-top: 77px
    }
}

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

@media screen and (min-width:768px) {
    .wallpapers-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.wallpaper {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    list-style: none;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 35px;
    position: relative
}

@media screen and (min-width:768px) {
    .wallpaper {
        margin-right: 76px;
        width: calc(50% - 38px)
    }
}

@media screen and (min-width:1024px) {
    .wallpaper {
        margin-right: 18px;
        width: calc(25% - 16px)
    }
}

@media screen and (min-width:768px) {
    .wallpaper:nth-child(even) {
        margin-right: 0
    }
}

@media screen and (min-width:1024px) {
    .wallpaper:nth-child(even) {
        margin-right: 16px
    }
}

@media screen and (min-width:1024px) {
    .wallpaper:nth-child(4n) {
        margin-right: 0
    }
}

.wallpaper-title {
    font: 500 16px/24px Roboto, sans-serif;
    letter-spacing: .49px;
    margin: 0;
    padding: 23px 25px 26px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .wallpaper-title {
        padding: 23px 28px 26px
    }
}

@media screen and (min-width:1024px) {
    .wallpaper-title {
        padding: 23px 30px 26px
    }
}

.wallpaper-sizes {
    height: 0;
    overflow: hidden
}

.wallpaper-thumbnail {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 57.46%
}

.wallpaper-download {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 0;
    width: 100%
}

.wallpaper-download-trigger {
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 4px 0 0 0;
    padding: 9px 10px 7px
}

@media screen and (min-width:768px) {
    .wallpaper-download-trigger {
        padding: 9px 15px 7px 9px
    }
}

.wallpaper-download-trigger svg {
    display: inline-block;
    fill: #fff;
    height: 14px;
    margin-left: 22px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 14px
}

@media screen and (min-width:768px) {
    .wallpaper-download-trigger svg {
        margin-left: 30px
    }
}

.wallpaper-sizes {
    background-color: #169442
}

.wallpaper-sizes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 -16px;
    padding: 30px
}

.wallpaper-size {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
    width: calc(50% - 7px)
}

.wallpaper-size a {
    border-color: #fff;
    border-width: 1px;
    color: #fff;
    display: block;
    margin: 0;
    text-decoration: none;
    text-transform: none
}

.wallpaper-size a:focus {
    -webkit-box-shadow: 0 0 4px 1px #fff;
    box-shadow: 0 0 4px 1px #fff
}

.why {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.why-content {
    background: url(/images/patterns/bg-white-dotted.png) #fff;
    padding-bottom: 70px
}

.why-image {
    max-width: 100%;
    width: 100%
}

.why-image img {
    border-bottom: 4px solid #169442;
    display: block;
    width: 100%
}

.why-rtf {
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .why-rtf {
        padding-left: 50px;
        padding-right: 50px
    }
}

.why-rtf a:not(.btn-red) {
    text-decoration: none;
    color: #169442
}

.why-rtf a:not(.btn-red):hover {
    color: #880f13
}

*+.why-rtf {
    margin-top: 25px
}

@media screen and (min-width:768px) {
    *+.why-rtf {
        margin-top: 42px
    }
}

.why-rtf>:first-child {
    margin-top: 0
}

.why-rtf>:last-child {
    margin-bottom: 0
}

.why-rtf h1 {
    font-size: 25px;
    font-weight: 500
}

.why-rtf h1+p {
    margin-top: 5px
}

.why-rtf h2+p {
    margin-top: 18px
}

@media screen and (min-width:768px) {
    .why-rtf p+p {
        margin-top: 22px
    }
}

.why-cta.why-cta {
    margin-bottom: 40px;
    margin-top: 30px
}

@media screen and (max-width:575px) {
    .why-cta.why-cta {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .why-cta.why-cta {
        margin-top: 25px;
        min-width: 218px
    }
}

/*# sourceMappingURL=maps/styles.css.map */