* {
    box-sizing: border-box;
}

/*
    html5doctor.com Reset Stylesheet
    v1.6.1
    Last Updated: 2010-09-17
    Author: Richard Clark - http://richclarkdesign.com
    */

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

    input:focus {
        outline: none;
    }

ul, ol {
    list-style-type: none;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100%

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

@keyframes swiper-preloader-spin {
    100%

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top, 200ms -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-vertical > .swiper-pagination-progressbar,
    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #ffffff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000000;
    }

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-Bold.woff") format("woff"), url("/fonts/MazdaTypeTT-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-BoldItalic.woff") format("woff"), url("/fonts/MazdaTypeTT-BoldItalic.ttf") format("ttf");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-Italic.woff") format("woff"), url("/fonts/MazdaTypeTT-Italic.ttf") format("ttf");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-Medium.woff") format("woff"), url("/fonts/MazdaTypeTT-Medium.ttf") format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-MediumItalic.woff") format("woff"), url("/fonts/MazdaTypeTT-MediumItalic.ttf") format("ttf");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeTT-Regular.woff") format("woff"), url("/fonts/MazdaTypeTT-Regular.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-Bold.woff") format("woff"), url("/fonts/MazdaTypeTT-Bold.ttf") format("ttf");
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-BoldItalic.woff") format("woff"), url("/fonts/MazdaTypeTT-BoldItalic.ttf") format("ttf");
      font-weight: 700;
      font-style: italic;
    }

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-Italic.woff") format("woff"), url("/fonts/MazdaTypeTT-Italic.ttf") format("ttf");
      font-weight: normal;
      font-style: italic;
    }

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-Medium.woff") format("woff"), url("/fonts/MazdaTypeTT-Medium.ttf") format("ttf");
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-MediumItalic.woff") format("woff"), url("/fonts/MazdaTypeTT-MediumItalic.ttf") format("ttf");
      font-weight: 500;
      font-style: italic;
    }

    @font-face {
      font-family: "MazdaType";
      src: url("/fonts/MazdaTypeTT-Regular.woff") format("woff"), url("/fonts/MazdaTypeTT-Regular.ttf") format("ttf");
      font-weight: normal;
      font-style: normal;
    }
    */


@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-Bold.woff") format("woff"), url("/fonts/MazdaTypeViet-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-BoldItalic.woff") format("woff"), url("/fonts/MazdaTypeViet-BoldItalic.ttf") format("ttf");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-Italic.woff") format("woff"), url("/fonts/MazdaTypeViet-Italic.ttf") format("ttf");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-Medium.woff") format("woff"), url("/fonts/MazdaTypeViet-Medium.ttf") format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-MediumItalic.woff") format("woff"), url("/fonts/MazdaTypeViet-MediumItalic.ttf") format("ttf");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "MazdaType";
    src: url("/fonts/MazdaTypeViet-Regular.woff") format("woff"), url("/fonts/MazdaTypeViet-Regular.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.mainHeading {
    font-size: 2.5rem;
    line-height: 1.18;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.subpageTitle {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 959px) {
    .subpageTitle

{
    font-size: 1.25rem;
}

}

.featureHeader {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.sectionHeader {
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 38px;
    margin-top: 60px;
    text-align: center;
}

.subSectionHeader {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.toutHeaderWithPreTitle {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.preTitleHeader {
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.preTitleHeaderAlt {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.toutHeader {
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
}

.buttonLabel {
    font-size: 0.8125rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
}

.formCategoryHeader {
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 60px 0 40px;
    letter-spacing: 0.01em;
}

.primary-dark {
    font-size: 82%;
    font-size: 0.8125rem;
    border-radius: 3px;
    min-width: 170px;
    max-width: 300px;
    padding: 14px 23px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    background-color: #101010;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 2px solid #101010;
    transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .primary-dark:hover {
        background-color: #999999;
        border-color: #999999;
        text-decoration: none;
        cursor: pointer;
    }

@media (hover: none) {
    .primary-dark:hover

{
    background-color: #101010;
    border: 2px solid #101010;
    color: #ffffff;
}

}

@media (min-width: 768px) {
    .primary-dark

{
    min-width: 170px;
}

}

@media (max-width: 767px) {
    .primary-dark

{
    width: 100%;
    min-width: 300px;
}

}

.primary-light {
    font-size: 82%;
    font-size: 0.8125rem;
    border-radius: 3px;
    min-width: 170px;
    max-width: 300px;
    padding: 14px 23px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    background-color: #999999;
    color: #101010;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 2px solid #999999;
    transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .primary-light:hover {
        color: #101010;
        background-color: #ffffff;
        border-color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

@media (hover: none) {
    .primary-light:hover

{
    background-color: #999999;
    border: 2px solid #999999;
    color: #101010;
}

}

@media (min-width: 768px) {
    .primary-light

{
    min-width: 170px;
}

}

@media (max-width: 767px) {
    .primary-light

{
    width: 100%;
    min-width: 300px;
}

}

.secondary-dark {
    font-size: 82%;
    font-size: 0.8125rem;
    border-radius: 3px;
    min-width: 170px;
    max-width: 300px;
    padding: 14px 23px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    background-color: "transparent";
    color: #101010;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 2px solid #101010;
    transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .secondary-dark:hover {
        color: #999999;
        border-color: #999999;
        text-decoration: none;
        cursor: pointer;
    }

@media (hover: none) {
    .secondary-dark:hover

{
    background-color: "transparent";
    border: 2px solid #101010;
    color: #101010;
}

}

@media (min-width: 768px) {
    .secondary-dark

{
    min-width: 170px;
}

}

@media (max-width: 767px) {
    .secondary-dark

{
    width: 100%;
    min-width: 300px;
}

}

.secondary-light {
    font-size: 82%;
    font-size: 0.8125rem;
    border-radius: 3px;
    min-width: 170px;
    max-width: 300px;
    padding: 14px 23px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    background-color: "transparent";
    color: #999999;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: 2px solid #999999;
    transition: background 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .secondary-light:hover {
        color: #ffffff;
        border-color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

@media (hover: none) {
    .secondary-light:hover

{
    background-color: "transparent";
    border: 2px solid #999999;
    color: #999999;
}

}

@media (min-width: 768px) {
    .secondary-light

{
    min-width: 170px;
}

}

@media (max-width: 767px) {
    .secondary-light

{
    width: 100%;
    min-width: 300px;
}

}

@font-face {
    font-family: 'fa-icon';
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/icons/fa-brands-400.eot");
    src: url("../../fonts/icons/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../fonts/icons/fa-brands-400.woff2") format("woff2"), url("../../fonts/icons/fa-brands-400.woff") format("woff"), url("../../fonts/icons/fa-brands-400.ttf") format("truetype"), url("../../fonts/icons/fa-brands-400.svg#fontawesome") format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'standard-icon';
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/icons/standard-icon-font.eot");
    src: url("../../fonts/icons/standard-icon-font.eot?#iefix") format("embedded-opentype"), url("../../fonts/icons/standard-icon-font.woff2") format("woff2"), url("../../fonts/icons/standard-icon-font.woff") format("woff"), url("../../fonts/icons/standard-icon-font.ttf") format("truetype"), url("../../fonts/icons/standard-icon-font.svg#standardicon") format("svg");
    font-display: swap;
}

.icon-360 {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-360:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-360.gray {
        color: #999999;
    }

    .icon-360.white {
        color: #ffffff;
    }

    .icon-360.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-360:hover

{
    cursor: pointer;
}

}

.icon-adchoice {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-adchoice:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-adchoice.gray {
        color: #999999;
    }

    .icon-adchoice.white {
        color: #ffffff;
    }

    .icon-adchoice.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-adchoice:hover

{
    cursor: pointer;
}

}

.icon-attach {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-attach:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-attach.gray {
        color: #999999;
    }

    .icon-attach.white {
        color: #ffffff;
    }

    .icon-attach.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-attach:hover

{
    cursor: pointer;
}

}

.icon-calculator {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-calculator:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-calculator.gray {
        color: #999999;
    }

    .icon-calculator.white {
        color: #ffffff;
    }

    .icon-calculator.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-calculator:hover

{
    cursor: pointer;
}

}

.icon-check {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-check:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-check.gray {
        color: #999999;
    }

    .icon-check.white {
        color: #ffffff;
    }

    .icon-check.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-check:hover

{
    cursor: pointer;
}

}

.icon-close {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-close:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-close.gray {
        color: #999999;
    }

    .icon-close.white {
        color: #ffffff;
    }

    .icon-close.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-close:hover

{
    cursor: pointer;
}

}

.icon-compass {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-compass:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-compass.gray {
        color: #999999;
    }

    .icon-compass.white {
        color: #ffffff;
    }

    .icon-compass.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-compass:hover

{
    cursor: pointer;
}

}

.icon-contract {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-contract:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-contract.gray {
        color: #999999;
    }

    .icon-contract.white {
        color: #ffffff;
    }

    .icon-contract.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-contract:hover

{
    cursor: pointer;
}

}

.icon-credit-card {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-credit-card:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-credit-card.gray {
        color: #999999;
    }

    .icon-credit-card.white {
        color: #ffffff;
    }

    .icon-credit-card.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-credit-card:hover

{
    cursor: pointer;
}

}

.icon-down-arrow {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-down-arrow:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-down-arrow.gray {
        color: #999999;
    }

    .icon-down-arrow.white {
        color: #ffffff;
    }

    .icon-down-arrow.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-down-arrow:hover

{
    cursor: pointer;
}

}

.icon-download {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-download:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-download.gray {
        color: #999999;
    }

    .icon-download.white {
        color: #ffffff;
    }

    .icon-download.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-download:hover

{
    cursor: pointer;
}

}

.icon-edit {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-edit:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-edit.gray {
        color: #999999;
    }

    .icon-edit.white {
        color: #ffffff;
    }

    .icon-edit.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-edit:hover

{
    cursor: pointer;
}

}

.icon-expand {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-expand:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-expand.gray {
        color: #999999;
    }

    .icon-expand.white {
        color: #ffffff;
    }

    .icon-expand.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-expand:hover

{
    cursor: pointer;
}

}

.icon-feature-engine {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-feature-engine:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-feature-engine.gray {
        color: #999999;
    }

    .icon-feature-engine.white {
        color: #ffffff;
    }

    .icon-feature-engine.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-feature-engine:hover

{
    cursor: pointer;
}

}

.icon-footer-facebook {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-footer-facebook:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-footer-facebook.gray {
        color: #999999;
    }

    .icon-footer-facebook.white {
        color: #ffffff;
    }

    .icon-footer-facebook.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-footer-facebook:hover

{
    cursor: pointer;
}

}

.icon-footer-google-plus {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-footer-google-plus:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-footer-google-plus.gray {
        color: #999999;
    }

    .icon-footer-google-plus.white {
        color: #ffffff;
    }

    .icon-footer-google-plus.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-footer-google-plus:hover

{
    cursor: pointer;
}

}

.icon-footer-pinterest {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-footer-pinterest:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-footer-pinterest.gray {
        color: #999999;
    }

    .icon-footer-pinterest.white {
        color: #ffffff;
    }

    .icon-footer-pinterest.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-footer-pinterest:hover

{
    cursor: pointer;
}

}

.icon-footer-twitter {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-footer-twitter:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-footer-twitter.gray {
        color: #999999;
    }

    .icon-footer-twitter.white {
        color: #ffffff;
    }

    .icon-footer-twitter.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-footer-twitter:hover

{
    cursor: pointer;
}

}

.icon-footer-youtube {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-footer-youtube:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-footer-youtube.gray {
        color: #999999;
    }

    .icon-footer-youtube.white {
        color: #ffffff;
    }

    .icon-footer-youtube.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-footer-youtube:hover

{
    cursor: pointer;
}

}

.icon-full-gallery {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-full-gallery:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-full-gallery.gray {
        color: #999999;
    }

    .icon-full-gallery.white {
        color: #ffffff;
    }

    .icon-full-gallery.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-full-gallery:hover

{
    cursor: pointer;
}

}

.icon-gallery-1 {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-gallery-1:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-gallery-1.gray {
        color: #999999;
    }

    .icon-gallery-1.white {
        color: #ffffff;
    }

    .icon-gallery-1.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-gallery-1:hover

{
    cursor: pointer;
}

}

.icon-gallery-3 {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-gallery-3:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-gallery-3.gray {
        color: #999999;
    }

    .icon-gallery-3.white {
        color: #ffffff;
    }

    .icon-gallery-3.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-gallery-3:hover

{
    cursor: pointer;
}

}

.icon-gallery-close {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-gallery-close:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-gallery-close.gray {
        color: #999999;
    }

    .icon-gallery-close.white {
        color: #ffffff;
    }

    .icon-gallery-close.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-gallery-close:hover

{
    cursor: pointer;
}

}

.icon-gallery-left {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-gallery-left:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-gallery-left.gray {
        color: #999999;
    }

    .icon-gallery-left.white {
        color: #ffffff;
    }

    .icon-gallery-left.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-gallery-left:hover

{
    cursor: pointer;
}

}

.icon-gallery-right {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-gallery-right:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-gallery-right.gray {
        color: #999999;
    }

    .icon-gallery-right.white {
        color: #ffffff;
    }

    .icon-gallery-right.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-gallery-right:hover

{
    cursor: pointer;
}

}

.icon-globe {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-globe:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-globe.gray {
        color: #999999;
    }

    .icon-globe.white {
        color: #ffffff;
    }

    .icon-globe.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-globe:hover

{
    cursor: pointer;
}

}

.icon-heart {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-heart:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-heart.gray {
        color: #999999;
    }

    .icon-heart.white {
        color: #ffffff;
    }

    .icon-heart.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-heart:hover

{
    cursor: pointer;
}

}

.icon-inventory-car {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-inventory-car:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-inventory-car.gray {
        color: #999999;
    }

    .icon-inventory-car.white {
        color: #ffffff;
    }

    .icon-inventory-car.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-inventory-car:hover

{
    cursor: pointer;
}

}

.icon-inventory-seat {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-inventory-seat:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-inventory-seat.gray {
        color: #999999;
    }

    .icon-inventory-seat.white {
        color: #ffffff;
    }

    .icon-inventory-seat.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-inventory-seat:hover

{
    cursor: pointer;
}

}

.icon-key {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-key:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-key.gray {
        color: #999999;
    }

    .icon-key.white {
        color: #ffffff;
    }

    .icon-key.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-key:hover

{
    cursor: pointer;
}

}

.icon-left-arrow {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-left-arrow:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-left-arrow.gray {
        color: #999999;
    }

    .icon-left-arrow.white {
        color: #ffffff;
    }

    .icon-left-arrow.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-left-arrow:hover

{
    cursor: pointer;
}

}

.icon-link {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-link:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-link.gray {
        color: #999999;
    }

    .icon-link.white {
        color: #ffffff;
    }

    .icon-link.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-link:hover

{
    cursor: pointer;
}

}

.icon-location {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-location:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-location.gray {
        color: #999999;
    }

    .icon-location.white {
        color: #ffffff;
    }

    .icon-location.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-location:hover

{
    cursor: pointer;
}

}

.icon-lock {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-lock:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-lock.gray {
        color: #999999;
    }

    .icon-lock.white {
        color: #ffffff;
    }

    .icon-lock.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-lock:hover

{
    cursor: pointer;
}

}

.icon-mail {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-mail:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-mail.gray {
        color: #999999;
    }

    .icon-mail.white {
        color: #ffffff;
    }

    .icon-mail.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-mail:hover

{
    cursor: pointer;
}

}

.icon-map {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-map:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-map.gray {
        color: #999999;
    }

    .icon-map.white {
        color: #ffffff;
    }

    .icon-map.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-map:hover

{
    cursor: pointer;
}

}

.icon-minus {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-minus:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-minus.gray {
        color: #999999;
    }

    .icon-minus.white {
        color: #ffffff;
    }

    .icon-minus.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-minus:hover

{
    cursor: pointer;
}

}

.icon-move {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-move:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-move.gray {
        color: #999999;
    }

    .icon-move.white {
        color: #ffffff;
    }

    .icon-move.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-move:hover

{
    cursor: pointer;
}

}

.icon-navigate-down {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-navigate-down:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-navigate-down.gray {
        color: #999999;
    }

    .icon-navigate-down.white {
        color: #ffffff;
    }

    .icon-navigate-down.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-navigate-down:hover

{
    cursor: pointer;
}

}

.icon-navigate-left {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-navigate-left:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-navigate-left.gray {
        color: #999999;
    }

    .icon-navigate-left.white {
        color: #ffffff;
    }

    .icon-navigate-left.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-navigate-left:hover

{
    cursor: pointer;
}

}

.icon-navigate-right {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-navigate-right:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-navigate-right.gray {
        color: #999999;
    }

    .icon-navigate-right.white {
        color: #ffffff;
    }

    .icon-navigate-right.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-navigate-right:hover

{
    cursor: pointer;
}

}

.icon-navigate-up {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-navigate-up:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-navigate-up.gray {
        color: #999999;
    }

    .icon-navigate-up.white {
        color: #ffffff;
    }

    .icon-navigate-up.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-navigate-up:hover

{
    cursor: pointer;
}

}

.icon-navigation-hamburger {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-navigation-hamburger:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-navigation-hamburger.gray {
        color: #999999;
    }

    .icon-navigation-hamburger.white {
        color: #ffffff;
    }

    .icon-navigation-hamburger.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-navigation-hamburger:hover

{
    cursor: pointer;
}

}

.icon-pause {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-pause:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-pause.gray {
        color: #999999;
    }

    .icon-pause.white {
        color: #ffffff;
    }

    .icon-pause.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-pause:hover

{
    cursor: pointer;
}

}

@media (min-width: 1200px) {
    .icon-phone:hover

{
    cursor: pointer;
}

}

.icon-play {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-play:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-play.gray {
        color: #999999;
    }

    .icon-play.white {
        color: #ffffff;
    }

    .icon-play.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-play:hover

{
    cursor: pointer;
}

}

.icon-plus {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-plus:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-plus.gray {
        color: #999999;
    }

    .icon-plus.white {
        color: #ffffff;
    }

    .icon-plus.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-plus:hover

{
    cursor: pointer;
}

}

.icon-print {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-print:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-print.gray {
        color: #999999;
    }

    .icon-print.white {
        color: #ffffff;
    }

    .icon-print.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-print:hover

{
    cursor: pointer;
}

}

.icon-right-arrow {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-right-arrow:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-right-arrow.gray {
        color: #999999;
    }

    .icon-right-arrow.white {
        color: #ffffff;
    }

    .icon-right-arrow.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-right-arrow:hover

{
    cursor: pointer;
}

}

.icon-search {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-search:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-search.gray {
        color: #999999;
    }

    .icon-search.white {
        color: #ffffff;
    }

    .icon-search.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-search:hover

{
    cursor: pointer;
}

}

.icon-share {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-share:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-share.gray {
        color: #999999;
    }

    .icon-share.white {
        color: #ffffff;
    }

    .icon-share.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-share:hover

{
    cursor: pointer;
}

}

.icon-trash {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trash:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trash.gray {
        color: #999999;
    }

    .icon-trash.white {
        color: #ffffff;
    }

    .icon-trash.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trash:hover

{
    cursor: pointer;
}

}

.icon-trims-audio {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-audio:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-audio.gray {
        color: #999999;
    }

    .icon-trims-audio.white {
        color: #ffffff;
    }

    .icon-trims-audio.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-audio:hover

{
    cursor: pointer;
}

}

.icon-trims-camera {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-camera:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-camera.gray {
        color: #999999;
    }

    .icon-trims-camera.white {
        color: #ffffff;
    }

    .icon-trims-camera.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-camera:hover

{
    cursor: pointer;
}

}

.icon-trims-heated-seats {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-heated-seats:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-heated-seats.gray {
        color: #999999;
    }

    .icon-trims-heated-seats.white {
        color: #ffffff;
    }

    .icon-trims-heated-seats.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-heated-seats:hover

{
    cursor: pointer;
}

}

.icon-trims-iEloop {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-iEloop:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-iEloop.gray {
        color: #999999;
    }

    .icon-trims-iEloop.white {
        color: #ffffff;
    }

    .icon-trims-iEloop.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-iEloop:hover

{
    cursor: pointer;
}

}

.icon-trims-skyactiv {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-skyactiv:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-skyactiv.gray {
        color: #999999;
    }

    .icon-trims-skyactiv.white {
        color: #ffffff;
    }

    .icon-trims-skyactiv.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-skyactiv:hover

{
    cursor: pointer;
}

}

.icon-trims-wheels {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-trims-wheels:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-trims-wheels.gray {
        color: #999999;
    }

    .icon-trims-wheels.white {
        color: #ffffff;
    }

    .icon-trims-wheels.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-trims-wheels:hover

{
    cursor: pointer;
}

}

.icon-truck {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-truck:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-truck.gray {
        color: #999999;
    }

    .icon-truck.white {
        color: #ffffff;
    }

    .icon-truck.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-truck:hover

{
    cursor: pointer;
}

}

.icon-tumblr {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-tumblr:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-tumblr.gray {
        color: #999999;
    }

    .icon-tumblr.white {
        color: #ffffff;
    }

    .icon-tumblr.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-tumblr:hover

{
    cursor: pointer;
}

}

.icon-unlink {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-unlink:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-unlink.gray {
        color: #999999;
    }

    .icon-unlink.white {
        color: #ffffff;
    }

    .icon-unlink.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-unlink:hover

{
    cursor: pointer;
}

}

.icon-unlock {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-unlock:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-unlock.gray {
        color: #999999;
    }

    .icon-unlock.white {
        color: #ffffff;
    }

    .icon-unlock.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-unlock:hover

{
    cursor: pointer;
}

}

.icon-up-arrow {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-up-arrow:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-up-arrow.gray {
        color: #999999;
    }

    .icon-up-arrow.white {
        color: #ffffff;
    }

    .icon-up-arrow.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-up-arrow:hover

{
    cursor: pointer;
}

}

.icon-upload {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-upload:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-upload.gray {
        color: #999999;
    }

    .icon-upload.white {
        color: #ffffff;
    }

    .icon-upload.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-upload:hover

{
    cursor: pointer;
}

}

.icon-user {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-user:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-user.gray {
        color: #999999;
    }

    .icon-user.white {
        color: #ffffff;
    }

    .icon-user.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-user:hover

{
    cursor: pointer;
}

}

.icon-view {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-view:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-view.gray {
        color: #999999;
    }

    .icon-view.white {
        color: #ffffff;
    }

    .icon-view.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-view:hover

{
    cursor: pointer;
}

}

.icon-warning {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-warning:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-warning.gray {
        color: #999999;
    }

    .icon-warning.white {
        color: #ffffff;
    }

    .icon-warning.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-warning:hover

{
    cursor: pointer;
}

}

.icon-zoom-in {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-zoom-in:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-zoom-in.gray {
        color: #999999;
    }

    .icon-zoom-in.white {
        color: #ffffff;
    }

    .icon-zoom-in.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-zoom-in:hover

{
    cursor: pointer;
}

}

.icon-zoom-out {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-zoom-out:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-zoom-out.gray {
        color: #999999;
    }

    .icon-zoom-out.white {
        color: #ffffff;
    }

    .icon-zoom-out.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-zoom-out:hover

{
    cursor: pointer;
}

}

.icon-zzinfo {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon-zzinfo:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .icon-zzinfo.gray {
        color: #999999;
    }

    .icon-zzinfo.white {
        color: #ffffff;
    }

    .icon-zzinfo.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon-zzinfo:hover

{
    cursor: pointer;
}

}

.icon2-footer-instagram {
    color: #101010;
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
    transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .icon2-footer-instagram:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "fa-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
        font-size: 125%;
        font-size: 1.25rem;
    }

    .icon2-footer-instagram.gray {
        color: #999999;
    }

    .icon2-footer-instagram.white {
        color: #ffffff;
    }

    .icon2-footer-instagram.black {
        color: #101010;
    }

@media (min-width: 1200px) {
    .icon2-footer-instagram:hover

{
    cursor: pointer;
}

}

.has-icon {
    text-decoration: none;
}

@media (min-width: 1200px) {
    .has-icon:hover .gray

{
    color: #ffffff;
}

.has-icon:hover .white {
    color: #999999;
}

.has-icon:hover .black {
    color: #999999;
}

}

.blockquote {
    margin-bottom: 20px;
    text-align: center;
}

    .blockquote blockquote {
        font-size: 1.25rem;
        letter-spacing: 0.01em;
        line-height: 1.5;
        margin-bottom: 40px;
        font-weight: 400;
    }

    .blockquote cite {
        font-size: 0.8125rem;
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        font-style: normal;
    }

.hyperlink {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: inline-block;
    font-family: "MazdaType";
    font-weight: 700;
    line-height: 25px;
    font-size: 82%;
    font-size: 0.8125rem;
}

    .hyperlink.dark {
        color: #999999;
    }

        .hyperlink.dark.underline {
            text-decoration: none;
        }

            .hyperlink.dark.underline span {
                border-bottom: 2px solid #999999;
                padding-bottom: 4px;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

                .hyperlink.dark.underline span:hover {
                    padding-bottom: 1px;
                    color: #101010;
                }

            .hyperlink.dark.underline:hover span {
                border-bottom: 2px solid #101010;
            }

        .hyperlink.dark.wo-underline {
            text-decoration: none;
            transition: all 300ms, visibility 0s;
            transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
        }

            .hyperlink.dark.wo-underline:hover {
                color: #101010;
            }

        .hyperlink.dark.inverse:hover {
            color: #ffffff;
        }

        .hyperlink.dark.icon {
            font-size: 0;
            text-decoration: none;
            transition: all 300ms, visibility 0s;
            transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
        }

            .hyperlink.dark.icon span {
                font-size: 82%;
                font-size: 0.8125rem;
                letter-spacing: 0.2em;
                padding-left: 12px;
                display: inline-block;
            }

            .hyperlink.dark.icon i {
                color: #999999;
                font-size: 113%;
                font-size: 1.125rem;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

        .hyperlink.dark:hover {
            color: #101010;
        }

            .hyperlink.dark:hover i {
                color: #101010;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

    .hyperlink.light {
        color: #ffffff;
    }

        .hyperlink.light.underline {
            text-decoration: none;
        }

            .hyperlink.light.underline span {
                border-bottom: 2px solid #ffffff;
                padding-bottom: 4px;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

                .hyperlink.light.underline span:hover {
                    transition: all 300ms, visibility 0s;
                    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
                    padding-bottom: 1px;
                    color: #999999;
                }

            .hyperlink.light.underline:hover span {
                border-bottom: 2px solid #999999;
            }

        .hyperlink.light.wo-underline {
            text-decoration: none;
            transition: all 300ms, visibility 0s;
            transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
        }

            .hyperlink.light.wo-underline:hover {
                color: #999999;
            }

        .hyperlink.light.icon {
            font-size: 0;
            text-decoration: none;
            transition: all 300ms, visibility 0s;
            transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
        }

            .hyperlink.light.icon span {
                font-size: 82%;
                font-size: 0.8125rem;
                letter-spacing: 0.2em;
                padding-left: 12px;
                display: inline-block;
            }

            .hyperlink.light.icon i {
                color: #ffffff;
                font-size: 113%;
                font-size: 1.125rem;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

        .hyperlink.light:hover {
            color: #999999;
        }

            .hyperlink.light:hover i {
                color: #999999;
                transition: all 300ms, visibility 0s;
                transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
            }

.list-style {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 20px;
    font-weight: 400;
}

    .list-style:last-child {
        margin-bottom: 0;
    }

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

    .list-style li {
        letter-spacing: 0.01em;
        font-size: 100%;
        font-size: 1rem;
        line-height: 1.75;
    }

.order-list {
    list-style-position: inside;
    list-style-type: decimal;
    margin-bottom: 20px;
    font-weight: 400;
}

    .order-list:last-child {
        margin-bottom: 0;
    }

    .order-list li {
        letter-spacing: 0.01em;
        font-size: 100%;
        font-size: 1rem;
        line-height: 1.75;
    }

.block-container {
    padding: 20px;
    min-height: 600px;
}

.block-container--alt {
    min-height: inherit;
}

.block-container__inner {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}

.block-container__header {
    text-align: center;
    padding: 40px 0 0 0;
}

@media (min-width: 1200px) {
    .block-container

{
    padding: 0;
}

}

.input-row {
    display: block;
    width: 50%; /*TOT FIX*/
    padding: 0 10px;
    /*max-width: 370px;*/
    position: relative;
    margin-bottom: 20px;
}

.card-grid__form .input-row {
    display: block;
    width: 50%; /*TOT FIX*/
    padding: 0 10px;
    max-width: 370px;
    position: relative;
    margin-bottom: 20px;
}


.input-row .hyperlink {
    margin: 10px 0;
    display: inline-block;
}

.input-row label,
.input-row .group-title {
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    display: block;
    position: relative;
    font-size: 82%;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #101010;
    margin-bottom: 10px;
}

.input-row .hyperlink {
    margin: 0;
}

.input-row__required {
    font-size: 82%;
    font-size: 0.8125rem;
    margin-top: 8px;
    color: #910a2D;
}

.input-row .form-field.vehicle-select, .input-row .form-field.body-select, .input-row .form-field.drive-select, .input-row .form-field.grade-select, .input-row .form-field.region-select, .input-row .form-field.dealer-select, .input-row .form-field--selectDynamic, .input-row .form-field--select {
    height: 45px;
    visibility: hidden;
    opacity: 0;
}

.input-row .form-field--input, .input-row .form-field--textarea {
    position: relative;
    display: block;
    background: #ffffff;
    height: 45px;
    line-height: 1em;
    border-radius: 3px;
    padding: 0 10px;
    border: 1px solid #d5d5d5;
    color: #999999;
    font-size: 100%;
    font-size: 1rem;
    width: 100%;
}

    .input-row .form-field--input:disabled, .input-row .form-field--textarea:disabled {
        border: 1px solid #d5d5d5;
    }

    .input-row .form-field--input:focus, .input-row .form-field--textarea:focus {
        border: 1px solid #7f7f7f;
        box-shadow: 0 0 0 2px #101010;
        color: #101010;
        outline: none;
    }

        .input-row .form-field--input:focus::-webkit-input-placeholder, .input-row .form-field--textarea:focus::-webkit-input-placeholder {
            color: #101010;
        }

        .input-row .form-field--input:focus:-ms-input-placeholder, .input-row .form-field--textarea:focus:-ms-input-placeholder {
            color: #101010;
        }

        .input-row .form-field--input:focus::-ms-input-placeholder, .input-row .form-field--textarea:focus::-ms-input-placeholder {
            color: #101010;
        }

        .input-row .form-field--input:focus::placeholder, .input-row .form-field--textarea:focus::placeholder {
            color: #101010;
        }

.input-row .form-field--textarea {
    height: 100px;
    padding: 10px;
    resize: none;
}

.input-row .choices {
    margin-bottom: 0;
}

    .input-row .choices.is-focused .choices__inner,
    .input-row .choices.is-focused .choices__list--dropdown {
        border: 1px solid transparent;
        box-shadow: 0 0 0 2px #101010;
    }

.input-row .choices__inner {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    min-height: 45px;
    height: 45px;
}

.input-row .choices__list .choices__item {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 82%;
    font-size: 0.8125rem;
}

.input-row .choices__list--single {
    padding: 0 15px 0 15px;
    line-height: 45px;
}

.input-row .choices__list--dropdown {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 0;
    z-index: 2;
    white-space: nowrap;
}

    .input-row .choices__list--dropdown .choices__item {
        padding: 15px;
        color: #999999;
        transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

        .input-row .choices__list--dropdown .choices__item.is-highlighted {
            background-color: #ffffff;
            color: #101010;
        }

.input-row .choices:after {
    content: "\f128";
    font-family: "standard-icon";
    color: #101010;
    height: auto;
    width: auto;
    border-style: none;
    border-color: transparent;
    border-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    pointer-events: none;
    font-size: 138%;
    font-size: 1.375rem;
    height: 22px;
    line-height: 1;
    right: 18px;
    transition: -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.input-row .choices.is-open:after {
    content: "\f128";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -11px;
}

.input-row--invalid .form-field--input,
.input-row--invalid .form-field--textarea,
.input-row--invalid .select2-container--default .select2-selection--single {
    border: 2px solid #910a2D;
    color: #101010;
    /*padding-right: 45px;*/
    display: block;
    resize: none;
}

    .input-row--invalid .form-field--input::-webkit-input-placeholder,
    .input-row--invalid .form-field--textarea::-webkit-input-placeholder {
        color: #101010;
    }

    .input-row--invalid .form-field--input:-ms-input-placeholder,
    .input-row--invalid .form-field--textarea:-ms-input-placeholder {
        color: #101010;
    }

    .input-row--invalid .form-field--input::-ms-input-placeholder,
    .input-row--invalid .form-field--textarea::-ms-input-placeholder {
        color: #101010;
    }

    .input-row--invalid .form-field--input::placeholder,
    .input-row--invalid .form-field--textarea::placeholder {
        color: #101010;
    }

    .input-row--invalid .form-field--input:focus,
    .input-row--invalid .form-field--textarea:focus {
        box-shadow: none;
        border: 2px solid #910a2D;
    }

.input-row--invalid .input-row__field-wrapper {
    position: relative;
}

    .input-row--invalid .input-row__field-wrapper:after {
        content: "\f144";
        font-family: "standard-icon";
        position: absolute;
        right: 15px;
        top: 47%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #910a2D;
        font-size: 119%;
        font-size: 1.1875rem;
        z-index: 1;
    }

.input-row--invalid .choices:after {
    content: "\f144";
    transition: none;
}

.input-row--invalid .choices.is-open:after {
    content: "\f144";
    -webkit-transform: none;
    transform: none;
}

.input-row--invalid .choices:after {
    color: #910a2D;
}

.input-row--invalid .choices__inner {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #910a2D;
}

.input-row--disabled {
    pointer-events: none;
}

    .input-row--disabled label {
        color: #e7e7e7;
    }

    .input-row--disabled .form-field--input::-webkit-input-placeholder,
    .input-row--disabled .form-field--textarea::-webkit-input-placeholder {
        color: #d5d5d5;
    }

    .input-row--disabled .form-field--input:-ms-input-placeholder,
    .input-row--disabled .form-field--textarea:-ms-input-placeholder {
        color: #d5d5d5;
    }

    .input-row--disabled .form-field--input::-ms-input-placeholder,
    .input-row--disabled .form-field--textarea::-ms-input-placeholder {
        color: #d5d5d5;
    }

    .input-row--disabled .form-field--input::placeholder,
    .input-row--disabled .form-field--textarea::placeholder {
        color: #d5d5d5;
    }

    .input-row--disabled .form-field--input:focus,
    .input-row--disabled .form-field--textarea:focus {
        box-shadow: 0;
    }

    .input-row--disabled .choices.is-disabled .choices__inner {
        background: #ffffff;
    }

    .input-row--disabled .choices__item, .input-row--disabled .choices:after {
        color: #d5d5d5;
    }

.input-row--radio label {
    display: inline-block;
    margin-bottom: 0;
}

.input-row--radio.disabled .radio--active .radio-component:after, .input-row--radio.disabled .radio--active .radio-component:before {
    background: transparent;
    content: "";
}

.input-row--radio .form-field {
    display: none;
    pointer-events: none;
}

.input-row--radio .radio-component {
    min-height: 28px;
    display: inline-block;
}

    .input-row--radio .radio-component * {
        pointer-events: none;
    }

    .input-row--radio .radio-component .label {
        line-height: 28px;
        padding-left: 42px;
        letter-spacing: 0.2em;
        transition: color 0.3s;
        cursor: pointer;
        color: #2b2b2b;
        font-size: 100%;
        text-transform: uppercase;
        font-size: 13px;
    }

        .input-row--radio .radio-component .label:first-child {
            margin-right: 25px;
        }

    .input-row--radio .radio-component:before {
        border-radius: 50%;
        width: 28px;
        height: 28px;
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        content: "";
        cursor: pointer;
        display: inline-block;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: background-color 0.3s, border-color 0.3s;
    }

    .input-row--radio .radio-component:after {
        content: "";
        font-family: "standard-icon";
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        transition: background-color 0.3s;
    }

.input-row--radio .radio--active .radio-component .label {
    color: #101010;
}

.input-row--radio .radio--active .radio-component:before {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    content: "";
}

.input-row--radio .radio--active .radio-component:after {
    content: "";
    background-color: #101010;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 32px;
    font-size: 94%;
    font-size: 0.9375rem;
    color: #ffffff;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.input-row--checkbox {
    padding: 0;
    min-height: 30px;
}

    .input-row--checkbox.disabled .checkbox--active .checkbox-component:after, .input-row--checkbox.disabled .checkbox--active .checkbox-component:before {
        background: transparent;
        content: "";
    }

    .input-row--checkbox .form-field {
        display: none;
        pointer-events: none;
    }

    .input-row--checkbox .checkbox-component .label,
    .input-row--checkbox .checkbox-component p {
        min-height: 30px;
        line-height: 1.5;
        padding-left: 30px;
        letter-spacing: 0.2em;
        cursor: pointer;
        color: #2b2b2b;
        display: block;
        font-weight: normal;
        font-size: 14px;
        /*font-size: 0.8125rem;*/
        text-align: left;
        text-transform: none;
    }

        .input-row--checkbox .checkbox-component .label a,
        .input-row--checkbox .checkbox-component p a {
            text-transform: uppercase;
            letter-spacing: 0.2em;
            display: inline-block;
            font-family: "MazdaType";
            font-weight: 700;
            font-size: 82%;
            font-size: 0.8125rem;
            color: #999999;
            text-decoration: none;
        }

            .input-row--checkbox .checkbox-component .label a:hover,
            .input-row--checkbox .checkbox-component p a:hover {
                color: #101010;
            }

    .input-row--checkbox .checkbox-component:before {
        border-radius: 3px;
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border: 1px solid #d5d5d5;
        content: "";
        cursor: pointer;
        display: inline-block;
        left: 0;
        position: absolute;
        top: 0;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .input-row--checkbox .checkbox-component:after {
        content: "";
        font-family: "standard-icon";
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }

    .input-row--checkbox .checkbox--active .checkbox-component .label {
        color: #101010;
    }

    .input-row--checkbox .checkbox--active .checkbox-component:before {
        border-radius: 3px;
        width: 20px;
        height: 20px;
        background-color: #101010;
        border: 1px solid #d5d5d5;
        content: "";
        cursor: pointer;
        display: inline-block;
        left: 0;
        position: absolute;
        top: 0;
        transition: background-color 0.3s, border-color 0.3s;
    }

    .input-row--checkbox .checkbox--active .checkbox-component:after {
        content: "\f105";
        font-family: "standard-icon";
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 32px;
        font-size: 94%;
        font-size: 0.9375rem;
        color: #ffffff;
        position: absolute;
        top: -5px;
        left: 1px;
        width: 20px;
        height: 20px;
        text-align: center;
        cursor: pointer;
    }

.input-row--invalid .radio-component:before,
.input-row--invalid .checkbox-component:before {
    border: 2px solid #910a2D;
}

.input-row.disabled {
    pointer-events: none;
}

    .input-row.disabled label {
        color: #e7e7e7;
    }

    .input-row.disabled .radio-component:before,
    .input-row.disabled .checkbox-component:before {
        background-color: #e7e7e7;
        border: 1px solid #e7e7e7;
    }

.input-row.radio.invalid label,
.input-row.radio.invalid .label:first-child, .input-row.checkbox.invalid label,
.input-row.checkbox.invalid .label:first-child {
    color: #910a2D;
}

@media (max-width: 767px) {
    .input-row

{
    width: 100%;
    padding: 0 10px;
}

}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "MazdaType";
    font-weight: 500;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    background: #f5f5f5;
    opacity: 1;
    transition: opacity 150ms ease-in-out;
    color: #101010;
}

    body.loading {
        opacity: 0;
    }

input,
textarea,
select,
button {
    font-family: inherit;
}

a {
    transition: color 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

p {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    font-weight: 400;
}

i {
    font-style: italic;
}

.play-pause-btn {
    margin: 0;
    line-height: normal;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    border: 2px solid #ffffff;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    z-index: 1;
    position: relative;
    transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .play-pause-btn:after {
        content: '';
        border: solid #ffffff;
        border-width: 0 3px 0 3px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        padding: 2px 3px;
        top: 38%;
        right: 38%;
        transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .play-pause-btn:hover {
        background-color: #ffffff;
    }

        .play-pause-btn:hover:after {
            padding: 2px 3px;
            border: solid #101010;
            border-width: 0 3px 0 3px;
        }

.play-pause-btn--pause:after {
    content: '';
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 40%;
    right: 40%;
    transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.play-pause-btn--pause:hover {
    background-color: #ffffff;
}

    .play-pause-btn--pause:hover:after {
        content: '';
        border: solid #101010;
        border-width: 0 3px 3px 0;
        padding: 5px;
    }

@media (max-width: 767px) {
    .play-pause-btn

{
    display: none;
}

}

.img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

button {
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.page-container {
    position: relative;
    min-height: calc(100vh - 100px);
    overflow: hidden;
}

.content-container {
    /*padding-bottom: 207px;*/
}

    .content-container.no-padding {
        padding-bottom: 0;
    }

@media (min-width: 1200px) {
    .content-container

{
    /*padding-bottom: 130px;*/
}

}

@media (max-width: 459px) {
    .content-container

{
    /*padding-bottom: 237px;*/
}

}

:lang(ar) * {
    letter-spacing: inherit !important;
}

section {
    position: relative;
}

    section .anchor {
        position: absolute;
        top: 0;
        height: 128px;
        width: 100%;
        margin-top: -128px;
        visibility: hidden;
    }

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
    outline: none;
}

.is-rtl .sixty-forty--hasImg .sixty-forty__content-inner {
    text-align: right;
}

@media (min-width: 1200px) {
    .is-rtl .sixty-forty .sixty-forty__content

{
    text-align: right;
}

.is-rtl .sixty-forty--hasImg .sixty-forty__bgimage {
    flex-direction: row-reverse;
}

.is-rtl .sixty-forty--hasImg .sixty-forty__content-inner {
    text-align: right;
}

}

.sixty-forty--dark .sixty-forty__content--preTitle,
.sixty-forty--dark .sixty-forty__content--mainTitle,
.sixty-forty--dark .sixty-forty__content--textCopy,
.sixty-forty--dark .sixty-forty__content--disclaimerCopy {
    color: #101010;
}

.sixty-forty--light .sixty-forty__content--preTitle,
.sixty-forty--light .sixty-forty__content--mainTitle,
.sixty-forty--light .sixty-forty__content--textCopy,
.sixty-forty--light .sixty-forty__content--disclaimerCopy {
    color: #ffffff;
}

.sixty-forty .sixty-forty__content--disclaimerCopy {
    font-style: italic;
    font-size: 63%;
    font-size: 0.625rem;
    line-height: 20px;
}

.sixty-forty__content {
    justify-content: flex-end;
    flex-grow: 1;
    text-align: center;
    max-width: 1194px;
    padding: 50px 15px;
}

.sixty-forty__content--preTitle {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.sixty-forty__content--mainTitle {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 27px;
}

.sixty-forty__content--textCopy {
    line-height: 1.75;
    margin: 0 0 28px;
    font-weight: 400;
}

.sixty-forty__content--cta {
    text-align: center;
}

.sixty-forty__button {
    margin-bottom: 20px;
}

.sixty-forty__content-inner {
    width: 80%;
    min-width: auto;
    padding: 0 30px;
    margin: 0 auto;
}

.sixty-forty__bgimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    align-items: center;
}

.sixty-forty__image-container {
    left: 10%;
}

.sixty-forty__image {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    z-index: 2;
}

.sixty-forty--hasImg .sixty-forty__bgimage {
    flex-direction: column;
}

.sixty-forty--hasImg .sixty-forty__content-inner {
    background-image: none;
    width: 100%;
    text-align: left;
}

@media (max-width: 767px) {
    .sixty-forty__content

{
    padding: 50px 0;
}

.sixty-forty__content-inner {
    width: 100%;
}

}

@media (min-width: 960px) {
    .sixty-forty#section6040-3 .sixty-forty__content-inner

{
    text-align: center;
}

.sixty-forty__bgimage--medium {
    height: 726px;
}

.sixty-forty--right .sixty-forty__content-inner {
    margin: 0 0 0 auto;
}

.sixty-forty--right.sixty-forty--hasImg .sixty-forty__bgimage {
    flex-direction: row-reverse;
}

.sixty-forty--right.sixty-forty--hasImg .sixty-forty__content-inner {
    margin: 0 auto 0 0;
}

.sixty-forty--right.sixty-forty--hasImg .sixty-forty__image {
    left: 0;
}

.sixty-forty--left .sixty-forty__content-inner {
    margin: 0 auto 0 0;
}

.sixty-forty__content {
    text-align: left;
}

.sixty-forty__content--cta {
    max-width: 170px;
    text-align: center;
}

.sixty-forty__image-container {
    left: auto;
    align-items: center;
    width: 60%;
}

.sixty-forty__content-inner {
    min-width: 365px;
    width: 33.3333333333%;
    padding: 0 30px;
}

.sixty-forty__image {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    z-index: 2;
}

.sixty-forty--hasImg .sixty-forty__bgimage {
    flex-direction: row;
}

.sixty-forty--hasImg .sixty-forty__content {
    width: 40%;
}

.sixty-forty--hasImg .sixty-forty__content-inner {
    width: 33.3333333333%;
    margin: 0 0 0 auto;
    padding: 0;
}

.sixty-forty--hasImg .sixty-forty__image {
    left: 5%;
    position: relative;
}

}

.sixty-forty .sixty-forty__mobile-image {
    display: none;
}

@media (max-width: 959px) {
    .sixty-forty .sixty-forty__mobile-image

{
    display: block;
}

.sixty-forty .sixty-forty__mobile-image .sixty-forty__mobile-image__src {
    height: auto;
    width: 100%;
}

.sixty-forty .sixty-forty__bgimage {
    flex-direction: column;
    background-image: none !important;
}

.sixty-forty .sixty-forty__content-inner {
    background-image: none !important;
}

.sixty-forty .sixty-forty__image-container {
    display: none;
}

.sixty-forty--light.sixty-forty--hasImg .sixty-forty__content--preTitle,
.sixty-forty--light.sixty-forty--hasImg .sixty-forty__content--mainTitle,
.sixty-forty--light.sixty-forty--hasImg .sixty-forty__content--textCopy,
.sixty-forty--light.sixty-forty--hasImg .sixty-forty__content--disclaimerCopy {
    color: #ffffff;
}

.sixty-forty--light .sixty-forty__content--preTitle,
.sixty-forty--light .sixty-forty__content--mainTitle,
.sixty-forty--light .sixty-forty__content--textCopy,
.sixty-forty--light .sixty-forty__content--disclaimerCopy {
    color: #101010;
}

}

.accordion {
    margin-bottom: 25px;
}

.accordion__item {
    background-color: transparent;
    border-bottom: 1px solid #d5d5d5;
}

.accordion__item-title {
    position: relative;
    -webkit-font-smoothing: antialiased;
    background: transparent;
    display: block;
    width: 100%;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 94%;
    font-size: 0.9375rem;
    letter-spacing: 0.2em;
    outline: 0;
    padding: 30px 25px 30px 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: #999999;
    transition: color 150ms ease-in-out;
}

@media (min-width: 960px) {
    .accordion__item-title:hover

{
    color: #101010;
}

}

.accordion__item-title.icon-plus:before, .accordion__item-title.icon-minus:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 1.2em;
}

.accordion__item-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.4s;
}

.accordion__item--open .accordion__item-content {
    max-height: none;
    opacity: 1;
}

.accordion__item--open .accordion__item-title {
    color: #101010;
}

body.is-rtl .accordion__item-title {
    text-align: right;
    padding-right: 0;
    padding-left: 25px;
}

    body.is-rtl .accordion__item-title.icon-plus:before, body.is-rtl .accordion__item-title.icon-minus:before {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -10px;
        font-size: 1.2em;
        text-align: left;
    }

.breadcrumb__list {
    padding: 0;
    margin: 0;
}

.breadcrumb__list-item {
    display: inline;
    color: #101010;
}

    .breadcrumb__list-item:after {
        content: "\203A";
        display: inline-block;
        /*  vertical-align: middle;*/
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        font-weight: normal;
        font-size: 63%;
        font-size: 1rem;
        line-height: 10px;
    }

    .breadcrumb__list-item:last-child:after {
        content: "";
        display: none;
    }

.breadcrumb__link {
    text-decoration: none;
    color: #999999;
}

    .breadcrumb__link:hover {
        color: #101010;
    }

/**
     * Build & Price.
     */
body.bym-body {
    background: white;
}

.bym {
    display: flex;
    width: 100%;
    background: #ffffff;
    min-height: calc(100vh - 125px - 55px);
    margin: 0 auto;
    position: relative;
    flex-direction: column;
    /**
         * Accessories
        */
}

    .bym .tabs {
        margin-bottom: 20px;
    }

        .bym .tabs a.tabs__button {
            display: block;
        }

        .bym .tabs .choices__list--single {
            padding: 4px 30px;
        }

    .bym .fade-enter {
        opacity: 0.01;
    }

        .bym .fade-enter.fade-enter-active {
            opacity: 1;
            transition: opacity 200ms ease-in;
            transition-delay: 200ms;
        }

    .bym .fade-exit {
        opacity: 1;
        position: absolute;
    }

        .bym .fade-exit.fade-exit-active {
            opacity: 0.01;
            transition: opacity 200ms ease-in;
        }

    .bym div.transition-group {
        position: relative;
        min-height: calc(100vh - 65px - 125px);
    }

    .bym section.route-section {
        width: 100%;
        top: 0;
        left: 0;
        padding-bottom: 86px;
    }

.bym__section {
    max-width: 1200px;
    width: 100%;
    min-height: calc(100vh - 86px - 132px);
    margin: 0 auto;
    background: white;
    padding: 0 15px;
}

.bym__section--body-select .tabs {
    display: none;
}

.bym__section--vehicle-select {
    min-height: calc(100vh - 125px);
}

.bym__section--drive-select {
    text-align: center;
}

.bym__section--color-select {
    max-width: 100%;
}

.bym__section--accessory-select {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    overflow: hidden;
    min-height: 600px;
}

.bym__section-headings {
    text-align: center;
    padding: 32px;
}

    .bym__section-headings .mainHeading {
        font-size: 163%;
        font-size: 1.625rem;
    }

.bym__vehicle-select-heading {
    margin-bottom: 10px;
}

.bym__body-item {
    opacity: 0.4;
    transition: all 350ms ease-in-out;
}

    .bym__body-item[data-selected="true"], .bym__body-item:hover {
        opacity: 1;
    }

.bym__body-item-name {
    font-size: 100%;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-align: center;
}

.bym__body-item-button {
    cursor: pointer;
    max-width: 500px;
    display: block;
    color: #101010;
    text-decoration: none;
}

.bym__body-items {
    display: flex;
    justify-content: center;
}

.bym__body-item-image {
    height: 190px;
}

@media (max-width: 767px) {
    .bym__body-item-image

{
    width: 100%;
    height: auto;
}

}

.bym__loader-container {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 125px - 55px);
    top: 0;
    align-items: center;
}

.bym__loader {
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 40px;
    z-index: 5;
}

-webkit-keyframes spin {
    100%

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

keyframes spin {
    100%

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

.bym__loader .arc {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

    .bym__loader .arc:before {
        border-radius: 50%;
        border: 2px solid;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        border-color: #aaa;
    }

    .bym__loader .arc:after {
        border-radius: 50%;
        border: 2px solid;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        border-color: transparent transparent #101010;
    }

.bym.loading .bym__loader-container {
    display: flex;
}

.bym__drive-select-item {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    transition: all 350ms ease-in-out;
}

    .bym__drive-select-item[data-selected="true"] {
        visibility: visible;
        opacity: 1;
        transition-delay: 350ms;
    }

.bym__drive-select-items {
    position: relative;
    display: flex;
    justify-content: center;
}

.bym__drive-select-item-image {
    width: 100%;
    max-width: 800px;
}

.bym__grade-select-content {
    min-height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
}

.bym__grade-select-tabs {
    text-align: center;
    margin-bottom: 50px;
}

.bym__grade-select-details-option {
    line-height: 1.2;
}

.bym__grade-select-internals {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 960px;
}

.bym__grade-select-transmission, .bym__grade-select-engine {
    padding: 0 40px;
    width: 50%;
    text-align: center;
}

.bym__grade-select-engine {
    position: relative;
    height: 104px;
}

.bym__grade-select-engine__tabs-container {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
}

    .bym__grade-select-engine__tabs-container.active {
        opacity: 1;
        visibility: visible;
    }

.bym__grade-select-options {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 350ms ease-in-out;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .bym__grade-select-options[data-selected="true"] {
        visibility: visible;
        opacity: 1;
        position: absolute;
        z-index: 2;
        transition-delay: 350ms;
    }

.bym__grade-select-details {
    width: 100%;
    display: flex;
    justify-content: center;
}

.bym__grade-select-details-img {
    width: 60%;
    align-self: center;
    flex: 3;
}

.bym__grade-select-details-data-container {
    flex: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bym__grade-select-details-title {
    font-size: 157%;
    font-size: 1.5625rem;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.bym__grade-select-details-options {
    margin-top: 20px;
}

.bym__grade-select-details-pricefrom {
    font-size: 100%;
    font-size: 1rem;
}

.bym__grade-select-details-price {
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
}

.bym__grade-select-tab-heading {
    margin-top: 0;
    margin-bottom: 26px;
}

.bym__grade-select-accordion__title {
    text-align: center;
}

.bym__top-nav {
    display: none;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
    width: 100%;
    z-index: 3;
    background-color: #f5f5f5;
    padding: 20px;
    height: 132px;
    overflow: hidden;
}

.bym__top-nav__items {
    display: flex;
    justify-content: center;
}

.bym__top-nav__item {
    border-right: 1px solid gray;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 94%;
    font-size: 0.9375rem;
    letter-spacing: 3px;
    pointer-events: none;
}

    .bym__top-nav__item.enabled {
        pointer-events: all;
    }

    .bym__top-nav__item.active > a {
        color: #101010;
    }

    .bym__top-nav__item > a {
        color: #999999;
        text-decoration: none;
        pointer-events: none;
    }

        .bym__top-nav__item > a.enabled {
            pointer-events: all;
        }

            .bym__top-nav__item > a.enabled:hover {
                color: #101010;
            }

    .bym__top-nav__item:last-child {
        border: none;
    }

.bym__summary-container {
    display: flex;
}

.bym__summary-images {
    flex: 7;
    position: relative;
}

    .bym__summary-images img {
        max-width: 100%;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        transition: all 250ms ease-in-out;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .bym__summary-images img.active {
            visibility: visible;
            opacity: 1;
            transition-delay: 250ms;
        }

    .bym__summary-images .color-picker__view-toggles {
        margin-top: 10px;
    }

.bym__summary-details {
    flex: 5;
    padding-left: 20px;
}

.bym__summary-details-list {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.bym__summary-details-title {
    font-size: 157%;
    font-size: 1.5625rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 25px;
}

.bym__summary-details-list-item {
    line-height: 1.75;
}

    .bym__summary-details-list-item > span {
        font-weight: bold;
        text-transform: uppercase;
    }

.bym__summary-details-price {
    text-align: right;
}

.bym__summary-details-top-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bym__summary-details-b-link {
    padding: 25px 0;
}

.bym__summary-details-icon-links > button {
    font-size: 163%;
    font-size: 1.625rem;
    margin: 0 5px;
}

    .bym__summary-details-icon-links > button:hover {
        color: #101010;
    }

.bym__summary-details-bottom-links {
    display: flex;
    width: 100%;
}

    .bym__summary-details-bottom-links > a {
        max-width: 100%;
        flex-grow: 1;
    }

        .bym__summary-details-bottom-links > a:first-child {
            margin-right: 20px;
        }

.bym__email-summary-form {
    padding: 80px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

    .bym__email-summary-form .input-row {
        width: 100%;
    }

    .bym__email-summary-form .featureHeader {
        z-index: 0;
        margin-bottom: 15px;
    }

    .bym__email-summary-form > p {
        z-index: 0;
        margin-bottom: 35px;
    }

    .bym__email-summary-form .checkbox-component .label {
        font-size: 82%;
        font-size: 0.8125rem;
        line-height: 32px;
    }

.bym__top-nav-header {
    font-weight: 500;
    text-align: center;
}

.bym__bottom-nav {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 10px 8%;
    border-top: 1px solid #e7e7e7;
    height: 86px;
}

    .bym__bottom-nav.active {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #ffffff;
        z-index: 5;
    }

.bym__bottom-nav-price {
    visibility: hidden;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
    display: flex;
}

    .bym__bottom-nav-price.active {
        visibility: visible;
        opacity: 1;
    }

.bym__bottom-nav-price__img {
    align-self: center;
    max-height: 86px;
    width: auto;
}

.bym__bottom-nav-price__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bym__bottom-nav-buttons {
    display: flex;
}

.bym__next-button {
    display: block;
    margin-left: 20px;
}

    .bym__next-button.hide {
        display: none;
    }

.bym__previous-button {
    display: block;
}

.bym .color-picker {
    position: relative;
}

.bym .color-picker__images-exterior, .bym .color-picker__images-interior {
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

.bym .color-picker__images-interior {
    margin-top: 28px;
}

.bym .color-picker__interior {
    margin-bottom: 10px;
}

.bym .color-picker__interior-color__selection {
    max-width: 100%;
}

.bym .color-picker__exterior, .bym .color-picker__interior {
    width: 100%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    background: #ffffff;
    transition: opacity 500ms, visibility 500ms;
}

    .bym .color-picker__exterior.active, .bym .color-picker__interior.active {
        visibility: visible;
        opacity: 1;
    }

.bym .color-picker__exterior-image-item, .bym .color-picker__interior-image-item {
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 500ms, visibility 500ms;
    z-index: 0;
    width: 100%;
}

    .bym .color-picker__exterior-image-item.inactive, .bym .color-picker__interior-image-item.inactive {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }

    .bym .color-picker__exterior-image-item.active, .bym .color-picker__interior-image-item.active {
        visibility: visible;
        opacity: 1;
        z-index: 2;
    }

.bym .color-picker__exterior-image {
    max-width: 960px;
    width: 50%;
}

.bym .color-picker__interior-image {
    width: 100%;
    max-width: 1200px;
}

.bym .color-picker__view-toggles {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 3;
    line-height: 1.75;
}

    .bym .color-picker__view-toggles > ul {
        text-align: center;
    }

        .bym .color-picker__view-toggles > ul > li {
            display: inline-block;
        }

            .bym .color-picker__view-toggles > ul > li:first-child {
                border-right: 1px solid #d5d5d5;
            }

.bym .color-picker__view-toggle {
    font-size: 82%;
    font-size: 0.8125rem;
    text-decoration: none;
    color: #999999;
    display: block;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 0 14px;
    text-transform: uppercase;
}

    .bym .color-picker__view-toggle:hover, .bym .color-picker__view-toggle.active {
        color: #101010;
        transition: color 250ms;
    }

.bym .color-picker__color-dot {
    display: inline-block;
    height: 38px;
    margin: 0 5px;
    position: relative;
    width: 38px;
    cursor: pointer;
}

    .bym .color-picker__color-dot[data-color*="White"] .color-picker__selected-dot, .bym .color-picker__color-dot[data-color*="white"] .color-picker__selected-dot {
        color: #101010;
    }

    .bym .color-picker__color-dot.active .color-picker__inner-circle {
        -webkit-transform: scale(1.71);
        transform: scale(1.71);
        transition: -webkit-transform 100ms;
        transition: transform 100ms;
        transition: transform 100ms, -webkit-transform 100ms;
    }

    .bym .color-picker__color-dot.active .color-picker__selected-dot {
        opacity: 1;
        visibility: visible;
    }

    .bym .color-picker__color-dot:hover .color-picker__tooltip {
        display: block;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .bym .color-picker__color-dot:focus {
        outline: none;
        border: 1px solid #5fa0f7;
    }

.bym .color-picker__selected-dot {
    color: white;
    font-size: 94%;
    font-size: 0.9375rem;
    left: 12px;
    line-height: 1.1;
    opacity: 0;
    position: absolute;
    top: 12px;
    transition-delay: 100ms;
    transition: opacity 100ms, visibility 100ms;
    visibility: hidden;
}

.bym .color-picker__outer-circle {
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 38px;
    position: relative;
    width: 38px;
}

.bym .color-picker__inner-circle {
    border-radius: 50%;
    display: block;
    height: 22px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 22px;
}

.bym .color-picker__names {
    display: none;
    height: 0;
    margin-bottom: 20px;
    overflow: visible;
    position: relative;
    text-align: center;
    z-index: -1;
    pointer-events: none;
}

    .bym .color-picker__names .color-name {
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
        font-size: 82%;
        font-size: 0.8125rem;
        line-height: 13px;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(125%);
        transform: translateY(125%);
        width: 100%;
    }

        .bym .color-picker__names .color-name.active {
            opacity: 1;
            pointer-events: all;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

.bym .color-picker__tooltip {
    color: #999999;
    height: 45px;
    left: 50%;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -300px;
    transition: all 0.4s ease;
    top: 46px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    width: 600px;
    z-index: 3;
    text-align: center;
}

.bym .color-picker__tooltip__arrow-border {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #d5d5d5;
    left: 288px;
    position: absolute;
    top: -12px;
}

.bym .color-picker__tooltip__arrow {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #e7e7e7;
    left: 288px;
    position: absolute;
    top: -11px;
}

.bym .color-picker__tooltip__text {
    display: table;
    height: 45px;
    padding: 0 23px;
    margin: 0 auto;
    background: #e7e7e7;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
}

    .bym .color-picker__tooltip__text > span {
        font-size: 94%;
        font-size: 0.9375rem;
        display: table-cell;
        font-weight: 400;
        vertical-align: middle;
        white-space: nowrap;
    }

.bym .color-picker__interior-swatch {
    display: inline-block;
    height: 65px;
    position: relative;
    width: 66px;
    overflow: visible;
}

    .bym .color-picker__interior-swatch .color-picker__tooltip {
        -webkit-transform: translateY(33px);
        transform: translateY(33px);
    }

    .bym .color-picker__interior-swatch.active .color-picker__inner-swatch {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .bym .color-picker__interior-swatch.active .color-picker__inner-swatch-overlay {
        opacity: 0;
    }

    .bym .color-picker__interior-swatch:hover .color-picker__tooltip {
        display: block;
        opacity: 1;
        -webkit-transform: translateY(23px);
        transform: translateY(23px);
    }

    .bym .color-picker__interior-swatch:focus {
        outline: none;
        border: 1px solid #5fa0f7;
    }

.bym .color-picker__interior-colors {
    padding-bottom: 10px;
}

    .bym .color-picker__interior-colors > li {
        display: inline-block;
        margin-right: 16px;
        position: relative;
    }

.bym .color-picker__exterior-colors {
    margin-bottom: 20px;
}

.bym .color-picker__outer-swatch {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bym .color-picker__inner-swatch {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: -webkit-transform 0.45s;
    transition: transform 0.45s;
    transition: transform 0.45s, -webkit-transform 0.45s;
    z-index: 1;
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
}

.bym .color-picker__inner-swatch-overlay {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.4s, visibility 0.4s;
}

.bym .color-picker.is-handheld .color-picker__tooltip {
    display: none;
}

.bym .color-picker.is-handheld .color-picker__names {
    display: block;
    z-index: 5;
}

    .bym .color-picker.is-handheld .color-picker__names.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.bym__accessory-select__tabs {
    padding: 0 0 40px 0;
    text-align: center;
    width: 100%;
}

.bym__tout-carousel {
    position: relative;
}

.bym__tout-carousel__touts {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 162px;
    text-align: center;
    transition: all 500ms;
    overflow: visible;
    width: auto;
}

@media (max-width: 767px) {
    .bym__tout-carousel__touts

{
    width: calc(100vw - 60px);
    max-width: 270px;
}

}

@media (min-width: 768px) {
    .bym__tout-carousel__touts

{
    width: 300px;
}

}

@media (min-width: 850px) {
    .bym__tout-carousel__touts

{
    width: 600px;
}

}

@media (min-width: 1150px) {
    .bym__tout-carousel__touts

{
    width: 900px;
}

}

@media (min-width: 1450px) {
    .bym__tout-carousel__touts

{
    width: 1200px;
}

}

@media (min-width: 1750px) {
    .bym__tout-carousel__touts

{
    width: 1500px;
}

}

.bym__tout-carousel__touts.active {
    opacity: 1;
    visibility: visible;
    transition-delay: 500ms;
}

.bym__tout-carousel__touts.translating {
    pointer-events: none;
}

.bym__tout-carousel__track {
    display: inline-flex;
    flex-wrap: nowrap;
    text-align: center;
    transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.bym__tout-carousel__content {
    height: 100%;
    position: relative;
    transition: opacity 1.5s;
}

.bym__tout-carousel__tout {
    position: relative;
    width: 270px;
    flex: 0 0 270px;
    height: 370px;
    margin: 0 15px;
    border: 1px solid #d5d5d5;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

    .bym__tout-carousel__tout:first-child {
        margin-left: 0;
    }

    .bym__tout-carousel__tout:last-child {
        margin-right: 0;
    }

    .bym__tout-carousel__tout.inactive-previous, .bym__tout-carousel__tout.inactive-next {
        opacity: 0;
        cursor: pointer;
    }

        .bym__tout-carousel__tout.inactive-previous.animate, .bym__tout-carousel__tout.inactive-next.animate {
            opacity: 1;
            transition: opacity 1s, -webkit-transform 1s;
            transition: opacity 1s, transform 1s;
            transition: opacity 1s, transform 1s, -webkit-transform 1s;
        }

            .bym__tout-carousel__tout.inactive-previous.animate .bym__tout-carousel__content, .bym__tout-carousel__tout.inactive-next.animate .bym__tout-carousel__content {
                opacity: 0.5;
            }

        .bym__tout-carousel__tout.inactive-previous .bym__tout-carousel__inactive-overlay {
            display: block;
        }

            .bym__tout-carousel__tout.inactive-previous .bym__tout-carousel__inactive-overlay:before {
                display: inline-block;
                vertical-align: middle;
                text-transform: none;
                font-family: "standard-icon";
                font-style: normal;
                content: "";
                font-weight: normal;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #101010;
                font-size: 263%;
                font-size: 2.625rem;
                opacity: 0;
                transition: opacity 500ms ease-in-out;
            }

        .bym__tout-carousel__tout.inactive-previous:hover .bym__tout-carousel__inactive-overlay:before, .bym__tout-carousel__tout.inactive-previous:hover .bym__tout-carousel__inactive-overlay:after {
            opacity: 1;
        }

        .bym__tout-carousel__tout.inactive-next .bym__tout-carousel__inactive-overlay {
            display: block;
        }

            .bym__tout-carousel__tout.inactive-next .bym__tout-carousel__inactive-overlay:after {
                display: inline-block;
                vertical-align: middle;
                text-transform: none;
                font-family: "standard-icon";
                font-style: normal;
                content: "";
                font-weight: normal;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #101010;
                font-size: 263%;
                font-size: 2.625rem;
                opacity: 0;
                transition: opacity 500ms ease-in-out;
            }

        .bym__tout-carousel__tout.inactive-next:hover .bym__tout-carousel__inactive-overlay:before, .bym__tout-carousel__tout.inactive-next:hover .bym__tout-carousel__inactive-overlay:after {
            opacity: 1;
        }

    .bym__tout-carousel__tout.animate {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s, -webkit-transform 1s;
    }

    .bym__tout-carousel__tout.selected .bym__tout-carousel__tout-image {
        opacity: 0.65;
    }

    .bym__tout-carousel__tout.selected .bym__tout-carousel__selected-overlay {
        opacity: 1;
    }

    .bym__tout-carousel__tout.selected .bym__tout-carousel__accessory-selected {
        opacity: 1;
    }

.bym__tout-carousel__accessory-selected {
    border: 2px solid #999;
    height: calc(100% + 2px);
    left: -1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    transition: opacity 0.5s;
    width: calc(100% + 2px);
}

.bym__tout-carousel__tout-image {
    max-width: 100%;
    transition: -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    image-rendering: optimize-contrast;
    image-rendering: -webkit-optimize-contrast;
}

.bym__tout-carousel__tout-top {
    height: 160px;
    overflow: hidden;
    width: calc(100% + 1px);
    position: relative;
    cursor: pointer;
    background: #000;
    display: block;
    text-decoration: none;
}

    .bym__tout-carousel__tout-top:hover .bym__tout-carousel__tout-image {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }

.bym__tout-carousel__inactive-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.bym__tout-carousel__info {
    text-align: center;
    padding: 25px 24px 15px;
    position: relative;
}

    .bym__tout-carousel__info > p {
        text-transform: uppercase;
        font-size: 82%;
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

    .bym__tout-carousel__info:after {
        content: "";
        width: 80%;
        position: absolute;
        height: 1px;
        background: #e7e7e7;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.bym__tout-carousel__readmore {
    padding: 24px 30px 20px;
    margin: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bym__tout-carousel__readmore-button {
    font-weight: 700;
    height: 22px;
    font-size: 75%;
    font-size: 0.75rem;
    padding: 0;
    position: relative;
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
    color: #999999;
    text-decoration: none;
    display: block;
}

    .bym__tout-carousel__readmore-button:after {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
        padding-left: 20px;
        position: relative;
        top: -2px;
        font-size: 94%;
        font-size: 0.9375rem;
    }

.bym__tout-carousel__selected-overlay {
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s;
}

.bym__tout-carousel__selected-circle {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    flex: 0 0 auto;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 67px;
    transition: all 0.8s;
    width: 67px;
}

    .bym__tout-carousel__selected-circle .icon-check {
        color: #fff;
        display: block;
        left: 22px;
        position: absolute;
        top: 22px;
    }

.bym__grade-accordion__item-title {
    font-size: 100%;
    font-size: 1rem;
    margin-bottom: 15px;
}

.bym__grade-accordion__item-content {
    margin-bottom: 50px;
}

    .bym__grade-accordion__item-content > p {
        font-weight: 100;
    }

@media (max-width: 767px) {
    .bym:not(.pdf)

{
    min-height: calc(100vh - 75px - 55px);
}

.bym:not(.pdf) section.route-section {
    padding-bottom: 136px;
}

.bym:not(.pdf) .bym__section--body-select .tabs {
    display: block;
    text-align: center;
}

.bym:not(.pdf) .bym__loader-container {
    max-height: calc(100vh - 75px - 55px);
}

.bym:not(.pdf) .bym__section--body-select {
    display: block;
}

.bym:not(.pdf) .bym__body-item {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .bym:not(.pdf) .bym__body-item:hover {
        opacity: 0;
    }

    .bym:not(.pdf) .bym__body-item[data-selected="true"] {
        opacity: 1;
        visibility: visible;
        transition-delay: 350ms;
    }

        .bym:not(.pdf) .bym__body-item[data-selected="true"]:hover {
            opacity: 1;
        }

.bym:not(.pdf) .bym__body-item-name {
    display: none;
}

.bym:not(.pdf) .bym__body-item-button {
    margin: 0 auto;
}

.bym:not(.pdf) .bym__grade-select-internals {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.bym:not(.pdf) .bym__grade-select-transmission, .bym:not(.pdf) .bym__grade-select-engine {
    width: 100%;
}

.bym:not(.pdf) .bym__grade-select-engine {
    z-index: 0;
}

.bym:not(.pdf) .bym__grade-select-engine__tabs-container {
    width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bym:not(.pdf) .bym__top-nav {
    height: auto;
}

.bym:not(.pdf) .bym__top-nav__item {
    display: inline-block;
    height: 20px;
    margin: 0 6px;
    overflow: visible;
    position: relative;
    width: 20px;
    margin: 0 3px;
    border: none;
}

    .bym:not(.pdf) .bym__top-nav__item > a {
        left: 50%;
        top: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #101010;
        border: 2px solid #101010;
        border-radius: 50%;
        height: 10px;
        opacity: 0.3;
        transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
        width: 10px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        z-index: 10;
        color: transparent;
    }

        .bym:not(.pdf) .bym__top-nav__item > a.enabled {
            opacity: 0.6;
        }

    .bym:not(.pdf) .bym__top-nav__item.active {
        margin: 0 6px;
    }

        .bym:not(.pdf) .bym__top-nav__item.active > a {
            background-color: transparent;
            border-color: #101010;
            height: 20px;
            opacity: 1;
            width: 20px;
        }

.bym:not(.pdf) .bym__bottom-nav-buttons {
    width: 100%;
}

    .bym:not(.pdf) .bym__bottom-nav-buttons .bym__previous-button-container,
    .bym:not(.pdf) .bym__bottom-nav-buttons .bym__next-button-container {
        width: 50%;
        flex: 0 0 50%;
        text-align: center;
    }

        .bym:not(.pdf) .bym__bottom-nav-buttons .bym__previous-button-container > a,
        .bym:not(.pdf) .bym__bottom-nav-buttons .bym__next-button-container > a {
            margin: 0;
            min-width: auto;
        }

    .bym:not(.pdf) .bym__bottom-nav-buttons .bym__previous-button-container {
        padding-right: 5px;
    }

.bym:not(.pdf) .bym__bottom-nav {
    height: 130px;
    padding: 10px 15px;
}

    .bym:not(.pdf) .bym__bottom-nav.active {
        flex-direction: column;
        justify-content: center;
    }

.bym:not(.pdf) .bym__bottom-nav-price {
    text-align: center;
    margin-bottom: 15px;
}

.bym:not(.pdf) .bym__bottom-nav-price__img {
    display: none;
}

.bym:not(.pdf) .bym__summary-container {
    flex-direction: column;
}

.bym:not(.pdf) .bym__summary-images {
    margin-bottom: 45px;
}

.bym:not(.pdf) .bym__summary-details {
    padding: 0;
}

.bym:not(.pdf) .bym__summary-details-bottom-links {
    flex-direction: column;
}

    .bym:not(.pdf) .bym__summary-details-bottom-links > a {
        display: block;
    }

        .bym:not(.pdf) .bym__summary-details-bottom-links > a:first-child {
            margin-bottom: 10px;
        }

}

@media (max-width: 960px) {
    .bym:not(.pdf) .bym__grade-select-engine

{
    z-index: 0;
}

.bym:not(.pdf) .bym__grade-select-engine__tabs-container {
    width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bym:not(.pdf) .color-picker__exterior-image {
    width: 100%;
}

}

body.is-rtl .bym__next-button {
    margin: 0;
}

body.is-rtl .bym__previous-button {
    margin-left: 20px;
}

body.is-rtl .bym__top-nav__item:last-child {
    border-right: 1px solid gray;
}

@media (max-width: 767px) {
    body .is-rtl .bym__top-nav__item:last-child

{
    border-right: none;
}

}

body.is-rtl .bym__top-nav__item:first-child {
    border-right: none;
}

body.is-rtl .bym__summary-details-bottom-links > a:first-child {
    margin-right: 0;
}

body.is-rtl .bym__summary-details-bottom-links > a:last-child {
    margin-right: 20px;
}

@media (max-width: 767px) {
    body .is-rtl .bym__summary-details-bottom-links > a:last-child

{
    margin: 0;
}

}

body.is-rtl .bym__summary-details {
    padding-left: 0;
    padding-right: 20px;
}

body.is-rtl .bym__tout-carousel__tout.inactive-previous .bym__tout-carousel__inactive-overlay {
    display: block;
}

    body.is-rtl .bym__tout-carousel__tout.inactive-previous .bym__tout-carousel__inactive-overlay:before {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #101010;
        font-size: 263%;
        font-size: 2.625rem;
        opacity: 0;
        transition: opacity 500ms ease-in-out;
    }

body.is-rtl .bym__tout-carousel__tout.inactive-previous:hover .bym__tout-carousel__inactive-overlay:before, body.is-rtl .bym__tout-carousel__tout.inactive-previous:hover .bym__tout-carousel__inactive-overlay:after {
    opacity: 1;
}

body.is-rtl .bym__tout-carousel__tout.inactive-next .bym__tout-carousel__inactive-overlay {
    display: block;
}

    body.is-rtl .bym__tout-carousel__tout.inactive-next .bym__tout-carousel__inactive-overlay:after {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #101010;
        font-size: 263%;
        font-size: 2.625rem;
        opacity: 0;
        transition: opacity 500ms ease-in-out;
    }

body.is-rtl .bym__tout-carousel__tout.inactive-next:hover .bym__tout-carousel__inactive-overlay:before, body.is-rtl .bym__tout-carousel__tout.inactive-next:hover .bym__tout-carousel__inactive-overlay:after {
    opacity: 1;
}

body.is-rtl .bym .color-picker__view-toggles > ul > li:first-child {
    border-right: none;
    border-left: 1px solid #d5d5d5;
}

.card-grid__mainTitle-container {
    display: block;
    width: 100%;
    text-align: center;
    padding: 3em 20px;
}

.card-grid__mainTitle {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 138%;
    font-size: 1.375rem;
}

.card-grid .card-grid__form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 0 0;
    text-align: left;
}

    .card-grid .card-grid__form .input-row {
        width: 50%;
        margin: 0 10px;
    }

.card-grid__container {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0 7.5px;
    display: flex;
    flex-wrap: wrap;
}

.card-grid .card {
    width: calc(33.33% - 15px);
    margin: 0 7.5px 48px 7.5px;
    opacity: 1;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .card-grid .card.article-hidden {
        opacity: 0;
        height: 0;
        margin: 0;
        border: 0;
        overflow: hidden;
    }

.card-grid .card__content-container {
    padding-bottom: 30px;
}

.card-grid__viewMore-container {
    padding: 2em 0;
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .card-grid .card

{
    width: calc(50% - 15px);
}

}

@media (max-width: 767px) {
    .card-grid .card

{
    width: calc(100% - 15px);
}

.card-grid__mainTitle-container {
    padding: 20px 7.5px;
}

.card-grid .card-grid__form {
    flex-direction: column;
}

    .card-grid .card-grid__form .input-row {
        width: 100%;
        margin: 0 0 20px 0;
    }

}

.card {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    position: relative;
    outline: 0;
}

.card__link {
    text-decoration: none;
    color: #101010;
}

    .card__link:hover .card__image {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }

    .card__link:hover .underline span {
        padding-bottom: 1px;
        color: #101010;
    }

.card__image-container {
    display: flex;
    overflow: hidden;
    height: 230px;
    position: relative;
}

.card__image {
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.card__content-container {
    width: 100%;
    border-top: 0 none;
    text-align: center;
    padding: 18px;
}

.card__category-copy {
    font-size: 82%;
    font-size: 0.8125rem;
    color: #999999;
    margin: 7px 0;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.card__title-copy {
    font-size: 88%;
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.card__text-copy {
    font-size: 100%;
    font-size: 1rem;
    font-weight: 400;
    border-top: 1px solid #d5d5d5;
    padding-top: 18px;
    margin: 18px 5px;
    line-height: 1.75;
    text-align: justify;
}

.card__cta-link {
    color: #999999;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 100%;
    font-size: 1rem;
    line-height: 16px;
}

    .card__cta-link:hover {
        color: #101010;
    }

    .card__cta-link:after {
        content: "\f130";
        vertical-align: middle;
        font-size: 88%;
        font-size: 0.875rem;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        font-weight: normal;
        position: relative;
        top: -1px;
        padding-left: 6px;
    }

/*!
     * Pikaday
     * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
     */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #606060;
    background: #ffffff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    /*
    clear child float (pika-lendar), using the famous micro clearfix hack
    http://nicolasgallagher.com/micro-clearfix-hack/
    */
    .pika-single:before,
    .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #ffffff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: #999999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #606060;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999999;
}

.is-today .pika-button {
    color: #606060;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #ffffff;
    font-weight: bold;
    background: #606060;
    box-shadow: inset 0 1px 3px #606060;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #606060;
    box-shadow: inset 0 1px 3px #606060;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #ffffff;
    background: #999999;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #ffffff;
    background: #606060;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #ffffff;
    background: #606060;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: default !important;
}

.detail {
    padding: 20px;
}

    .detail .wysiwyg > p:last-child {
        text-align: center;
    }

.detail__container {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    text-align: justify;
}

.detail__article-header {
    padding: 3em 0;
}

.detail__titleCopy {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    font-size: 138%;
    font-size: 1.375rem;
    margin-bottom: 10px;
}

.detail__date-publishedCopy {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.detail__shareCopy {
    text-align: center;
}

.detail__disclaimer {
    font-size: 63%;
    font-size: 0.625rem;
    color: #999999;
    margin-top: 20px;
}

.detail__related-articles-wrapper {
    display: flex;
    padding: 20px 0;
    justify-content: center;
}

    .detail__related-articles-wrapper .card {
        flex: 0 0 calc(33.33% - 15px);
        margin: 0 7.5px 15px 7.5px;
    }

@media (min-width: 768px) and (max-width: 1199px) {
    .detail .card

{
    flex: 0 0 calc(50% - 15px);
}

}

@media (max-width: 767px) {
    .detail__related-articles-wrapper

{
    flex-direction: column;
}

.detail__related-articles-wrapper .card {
    width: 100%;
    margin: 0 0 20px;
}

}

.fifty-fifty {
    display: flex;
    overflow: hidden;
    position: relative;
    background: #f5f5f5;
    flex-direction: column;
}

    .fifty-fifty.center-justified {
        text-align: center;
    }

.fifty-fifty--light .fifty-fifty__content-block {
    color: #ffffff;
}

.fifty-fifty__content-block--disclaimerCopy {
    font-style: italic;
    font-size: 63%;
    font-size: 0.625rem;
    line-height: 20px;
}

.fifty-fifty__image {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 50vh;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.fifty-fifty__image-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center;
    background-size: cover;
}

.fifty-fifty__content-form {
    transform: scale(0.8);
}

@media (max-width: 960px) {
    .fifty-fifty__image-content

{
    min-height: 400px;
}

.fifty-fifty__content-form {
    transform: scale(1);
    padding: 0 !important;
}

}

.fifty-fifty__image img {
    height: auto;
    width: 100%;
    display: block;
    line-height: 0;
    overflow: hidden;
    flex-shrink: 0;
}

.fifty-fifty__content {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 50px 30px;
    position: relative;
    width: 100%;
}

.fifty-fifty__content-block {
    color: #101010;
}

.fifty-fifty__content-block--title h2 {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.75;
    margin-bottom: 2rem;
}

.fifty-fifty__content-block--text {
    margin-top: 1.8rem;
}

    .fifty-fifty__content-block--text p {
        font-weight: 400;
        line-height: 1.75;
        margin: 0 0 28px;
    }

.fifty-fifty__content-block--button {
    padding: 30px 10px 0;
}

    .fifty-fifty__content-block--button a {
        min-width: 170px;
    }

@media (min-width: 960px) {
    .fifty-fifty

{
    flex-direction: row;
    max-height: 900px;
}

.fifty-fifty--left {
    flex-direction: row-reverse;
}

.fifty-fifty__image {
    width: 50%;
    max-height: none;
}

.fifty-fifty__content {
    width: 50%;
}

.fifty-fifty__content-block {
    min-width: 383px;
    max-width: 470px;
}

.fifty-fifty__content-block--button a {
    width: auto;
    max-width: 170px;
}

}

.is-rtl .find-a-dealer__use-location {
    margin-right: 0;
    margin-left: 20px;
}

.is-rtl .find-a-dealer__tabs {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.is-rtl .find-a-dealer__dealer-address-link p, .is-rtl .find-a-dealer__dealer-phone-link p, .is-rtl .find-a-dealer__dealer-email-link p, .is-rtl .find-a-dealer__dealer-hours-link p {
    margin-left: 0;
    margin-right: 40px;
}

.is-rtl .find-a-dealer__use-radius {
    margin-right: 0;
    margin-left: 20px;
}

.is-rtl .find-a-dealer__dealer-hours-link .find-a-dealer__svg {
    left: auto;
    right: 5px;
}

.is-rtl .find-a-dealer__infobox {
    -webkit-transform: translateX(-52%);
    transform: translateX(-52%);
}

.is-rtl .find-a-dealer__pin.active {
    right: -6px;
    left: auto;
}

.is-rtl .find-a-dealer .choices {
    text-align: right;
}

@media (max-width: 1199px) {
    .is-rtl .find-a-dealer .find-a-dealer__use-radius

{
    margin-left: 0;
}

}

.find-a-dealer {
    display: flex;
    flex-direction: row;
    height: calc(100vh - 125px);
    overflow: hidden;
}

.find-a-dealer--loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - (125px + 121px));
    overflow: hidden;
    background-color: #ffffff;
}

.find-a-dealer_loader {
    border: 2px solid #f5f5f5;
    border-top-color: #d5d5d5;
    border-radius: 50%;
    width: 2.7em;
    height: 2.7em;
    -webkit-animation: fdspin 1s linear infinite;
    animation: fdspin 1s linear infinite;
}

.find-a-dealer__map {
    flex: 0 0 52%;
}

.find-a-dealer__panel {
    flex: 0 0 48%;
}

.find-a-dealer__pin {
    position: relative;
}

    .find-a-dealer__pin.active {
        top: -20px;
        left: -6px;
    }

.find-a-dealer__infobox {
    background: #ffffff;
    border-radius: 3px;
    box-shadow: #d5d5d5 0px 1px 4px -1px;
    border: 1px solid #d5d5d5;
    position: absolute;
    z-index: 9;
    text-align: center;
    top: -75px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 30px 9px 10px;
    white-space: nowrap;
}

.find-a-dealer__infobox-text {
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-bottom: 0;
}

.find-a-dealer__closeInfoBox {
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.find-a-dealer__marker {
    display: block;
    position: relative;
}

    .find-a-dealer__marker > img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.find-a-dealer__tabs {
    margin-bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

    .find-a-dealer__tabs .choices {
        max-width: 300px !important;
    }

.find-a-dealer__search {
    background-color: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    padding-top: 70px;
}

.find-a-dealer__search-form {
    display: flex;
    flex-flow: row wrap;
    max-width: 520px;
}

    .find-a-dealer__search-form .break {
        flex-basis: 100%;
    }

.find-a-dealer__search-input {
    padding-right: 40px !important;
}

.find-a-dealer__search-button {
    position: absolute;
    right: 11px;
    top: 11px;
}

.find-a-dealer__titleCopy {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.find-a-dealer__search-links a {
    margin-right: 20px;
}

    .find-a-dealer__search-links a:last-child {
        margin-right: 0;
    }

.find-a-dealer__input {
    min-width: 275px;
    margin-bottom: 0;
}

    .find-a-dealer__input .input-row__required {
        display: none;
    }

    .find-a-dealer__input.input-row--invalid .find-a-dealer__search-button {
        display: none;
    }

    .find-a-dealer__input.input-row--invalid .input-row__required {
        display: block;
        position: absolute;
    }

.find-a-dealer__use-radius {
    margin-right: 20px;
    margin-bottom: 10px;
}

    .find-a-dealer__use-radius .choices {
        min-width: 225px;
    }

    .find-a-dealer__use-radius .choices__list--single {
        padding-right: 45px !important;
    }

.find-a-dealer__search-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex: 0;
    margin: 0 auto;
}

.find-a-dealer__search-links-group {
    line-height: 1.5;
}

    .find-a-dealer__search-links-group a {
        text-decoration: none;
    }

.find-a-dealer__search-note p {
    font-size: 88%;
    font-size: 0.875rem;
    font-weight: 300;
}

.find-a-dealer__search-button i:hover {
    color: #101010 !important;
}

.find-a-dealer__output {
    overflow: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: calc(100vh - (203px + 125px));
}

.find-a-dealer__list {
    background-color: #ffffff;
}

.find-a-dealer__list-item {
    border-bottom: 1px solid #d5d5d5;
    padding: 55px 13%;
}

.find-a-dealer__list-item--empty {
    height: calc(100vh - (203px + 125px));
    padding: 30px;
}

.find-a-dealer__list-item-wrapper {
    max-width: 475px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.find-a-dealer__dealer-name {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-bottom: 45px;
}

.find-a-dealer__dealer-address, .find-a-dealer__dealer-phone, .find-a-dealer__dealer-email {
    margin-bottom: 10px;
}

.find-a-dealer__dealer-address-link, .find-a-dealer__dealer-phone-link, .find-a-dealer__dealer-email-link, .find-a-dealer__dealer-hours-link {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-style: normal;
    color: #101010;
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

    .find-a-dealer__dealer-address-link p, .find-a-dealer__dealer-phone-link p, .find-a-dealer__dealer-email-link p, .find-a-dealer__dealer-hours-link p {
        display: block;
        margin-left: 40px;
    }

    .find-a-dealer__dealer-address-link .find-a-dealer__icon, .find-a-dealer__dealer-phone-link .find-a-dealer__icon, .find-a-dealer__dealer-email-link .find-a-dealer__icon {
        position: absolute;
        font-size: 113%;
        font-size: 1.125rem;
    }

        .find-a-dealer__dealer-address-link .find-a-dealer__icon:before, .find-a-dealer__dealer-phone-link .find-a-dealer__icon:before, .find-a-dealer__dealer-email-link .find-a-dealer__icon:before {
            color: #999999;
            transition: color 0.35s ease-in;
        }

    .find-a-dealer__dealer-address-link:hover .find-a-dealer__icon:before, .find-a-dealer__dealer-phone-link:hover .find-a-dealer__icon:before, .find-a-dealer__dealer-email-link:hover .find-a-dealer__icon:before {
        color: #101010;
    }

    .find-a-dealer__dealer-hours-link .find-a-dealer__svg {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-style: normal;
        font-weight: normal;
        fill: #999999;
        transition: fill 0.35s ease-in;
        width: 16px;
        height: 16px;
        left: 1px;
        top: 2px;
    }

    .find-a-dealer__dealer-hours-link:hover .find-a-dealer__svg {
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-style: normal;
        font-weight: normal;
        fill: #101010;
    }

.find-a-dealer__dealer-ctas {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.find-a-dealer__showMore-wrapper {
    padding: 10px 13%;
}

.find-a-dealer__showMore {
    max-width: 475px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

    .find-a-dealer__showMore span {
        white-space: nowrap;
    }

        .find-a-dealer__showMore span strong {
            font-weight: 700;
        }

@media (max-width: 1199px) {
    .find-a-dealer .find-a-dealer__output

{
    overflow: scroll;
    height: calc(100vh - (240px + 125px));
}

.find-a-dealer .find-a-dealer__tabs {
    margin-bottom: 20px;
}

.find-a-dealer .find-a-dealer__search-links {
    width: 300px;
}

.find-a-dealer .find-a-dealer__dealer-ctas {
    flex-direction: column;
}

    .find-a-dealer .find-a-dealer__dealer-ctas .find-a-dealer__dealer-cta:last-child {
        margin-top: 10px;
    }

.find-a-dealer .find-a-dealer__dealer-cta-link {
    min-width: 100%;
}

.find-a-dealer .find-a-dealer__tabs-items,
.find-a-dealer .find-a-dealer__tabs-inactive-line,
.find-a-dealer .find-a-dealer__tabs-active-line {
    display: none;
}

.find-a-dealer .find-a-dealer__tabs .choices {
    display: block;
    width: 300px;
}

.find-a-dealer .find-a-dealer__search-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex: 0;
    margin: 0 auto;
    max-width: 300px;
}

.find-a-dealer .find-a-dealer__input {
    margin-bottom: 10px;
}

    .find-a-dealer .find-a-dealer__input.input-row--invalid .input-row__required {
        position: relative;
    }

.find-a-dealer .find-a-dealer__use-radius {
    margin-right: 0;
    margin-bottom: 10px;
    width: 300px;
}

    .find-a-dealer .find-a-dealer__use-radius a {
        width: 100%;
    }

    .find-a-dealer .find-a-dealer__use-radius p {
        text-align: center;
    }

.find-a-dealer .find-a-dealer__search-form {
    max-width: 100%;
}

}

@media (max-width: 959px) {
    .find-a-dealer

{
    flex-direction: column;
    height: auto;
}

.find-a-dealer .find-a-dealer__map {
    flex: 0 0 auto;
    height: 200px;
}

.find-a-dealer .find-a-dealer__panel {
    flex: 0 0 auto;
}

.find-a-dealer .find-a-dealer__output {
    overflow: visible;
    height: auto;
}

.find-a-dealer .find-a-dealer__search-links-group {
    text-align: center;
    margin-top: 15px;
}

.find-a-dealer .find-a-dealer__titleCopy {
    margin-bottom: 15px;
}

.find-a-dealer .find-a-dealer__showMore {
    flex-direction: row;
}

    .find-a-dealer .find-a-dealer__showMore a {
        margin-top: 0;
    }

}

@media (max-width: 499px) {
    .find-a-dealer__search

{
    background-color: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
    padding-top: 1px;
}

.find-a-dealer .find-a-dealer__showMore {
    flex-direction: column;
}

    .find-a-dealer .find-a-dealer__showMore a {
        margin-top: 10px;
    }

.find-a-dealer .find-a-dealer__search-links {
    width: 300px;
}

.find-a-dealer .find-a-dealer__dealer-address-link p,
.find-a-dealer .find-a-dealer__dealer-phone-link p,
.find-a-dealer .find-a-dealer__dealer-email-link p,
.find-a-dealer .find-a-dealer__dealer-hours-link p {
    font-size: 80%;
}

}

-webkit-keyframes fdspin {
    to

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

keyframes fdspin {
    to

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

@media (min-width: 1200px) {
    .is-rtl .footer__logo-slogan

{
    text-align: right;
}

.is-rtl .footer__social {
    text-align: left;
    float: left;
}

    .is-rtl .footer__social .has-icon:last-child {
        margin-right: 9px;
        margin-left: 0;
    }

    .is-rtl .footer__social .has-icon:first-child {
        margin-left: 4px;
        margin-right: 0;
    }

.is-rtl .footer__copyright {
    text-align: right;
}

.is-rtl .footer__nav {
    text-align: left;
    float: left;
    clear: left;
}

}

.footer {
    background: #2b2b2b;
    padding: 15px;
    color: #f5f5f5;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 207px;
}

.footer--basic .footer__copyright {
    text-align: center;
}

.footer__social {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 0;
}

    .footer__social .has-icon {
        margin: 0 9px;
    }

        .footer__social .has-icon i {
            font-size: 113%;
            font-size: 1.125rem;
        }

.footer__nav {
    margin-bottom: 0;
    text-align: center;
}

.footer__nav-list-item {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 10px;
}

    .footer__nav-list-item .hyperlink {
        font-size: 63%;
        font-size: 0.625rem;
    }

    .footer__nav-list-item:after {
        content: "|";
        font-size: 63%;
        font-size: 0.625rem;
        display: inline-block;
        margin: 0 8px;
        color: #999999;
    }

    .footer__nav-list-item:last-child:after {
        display: none;
    }

.footer__logo-slogan {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
    width: 60px;
    height: auto;
}

.footer__copyright {
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999;
    font-size: 63%;
    font-size: 0.625rem;
    letter-spacing: 0.2em;
    padding: 0 20px;
    width: 100%;
}

@media (min-width: 1200px) {
    .footer

{
    padding: 20px 0;
    height: 130px;
}

.footer--basic .footer__inner-wrapper .footer__copyright {
    text-align: right;
}

.footer__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.footer__logo-slogan {
    text-align: left;
    margin: 0 0 20px;
}

.footer__social {
    text-align: right;
    align-self: flex-end;
    width: 70%;
    float: right;
    margin-top: 30px;
}

    .footer__social .has-icon:last-child {
        margin-right: 0;
    }

.footer__copyright {
    text-align: left;
}

.footer__nav {
    text-align: right;
    width: 70%;
    float: right;
    clear: right;
}

}

@media (max-width: 459px) {
    .footer

{
    height: 237px;
}

}

.forms {
    background: #f5f5f5;
}

    .forms button {
        display: block;
        margin: 0 auto;
    }

.forms__header {
    margin-bottom: 40px;
}

.forms__title {
    width: 95%;
    margin: 0 auto;
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.forms__sub-title {
    width: 95%;
    margin: 0 auto;
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

.forms__section-header {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    text-align: center;
}

.forms__section-sub-header {
    font-size: 82%;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #101010;
    margin-bottom: 20px;
}

.forms__inner-wrapper {
    width: 800px; /* TOT FIX */
    /*width: 370px;*/
    margin: 0 auto;
    padding: 40px 0;
}

.forms__group {
    display: flex; /* TOT FIX*/
    flex-wrap: wrap; /* TOT FIX*/
    margin-bottom: 40px;
}

.forms__term {
    display: flex;
}

    .forms__term .input-row {
        width: 60%;
    }

        .forms__term .input-row .group-title {
            text-align: center;
        }

    .forms__term .input-row--radio label {
        display: block;
        margin-bottom: 12px;
    }

.forms__term-payment {
    width: 40%;
    text-align: center;
}

    .forms__term-payment .forms__section-sub-header {
        margin-bottom: 10px;
    }

.forms__term-price {
    min-height: 28px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forms__pricing-item {
    margin-bottom: 5px;
}

.forms__pricing-value {
    font-weight: 700;
}

@media (max-width: 767px) {
    .forms__inner-wrapper

{
    width: 100%;
    padding: 20px;
}

.forms .primary-dark {
    margin: 0 auto;
    display: block;
}

}

.full-width {
    background-repeat: no-repeat;
    background-size: cover;
    color: #101010;
}

.full-width--light {
    color: #ffffff;
}

.full-width--small {
    display: flex;
    align-items: center;
}

.full-width__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    padding: 40px 10%;
}

    .full-width__inner-wrapper:empty {
        display: none;
    }

.full-width__pre-title {
    font-size: 0.8125rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

    .full-width__pre-title:empty {
        display: none;
    }

.full-width__subpage-title {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px 0;
}

    .full-width__subpage-title:empty {
        display: none;
    }

.full-width__title {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0;
}

    .full-width__title:empty {
        display: none;
    }

.full-width__blurb {
    font-size: 1.25rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin-bottom: 40px;
    font-weight: 400;
    margin: 0px;
    padding: 90px 40px 40px 40px;
}

    .full-width__blurb:empty {
        display: none;
    }

.full-width__cite {
    font-size: 0.8125rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-style: normal;
    padding-bottom: 90px;
}

    .full-width__cite:empty {
        display: none;
    }

.full-width__copy {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    padding-bottom: 40px;
}

    .full-width__copy:empty {
        display: none;
    }

.full-width__links {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .full-width__links:empty {
        display: none;
    }

.full-width__button {
    margin: 0 20px;
}

@media (max-width: 959px) {
    .full-width__button

{
    margin: 20px 0;
}

.full-width__button:last-child {
    margin-bottom: 0;
}

}

.gallery__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}

.gallery__header-title {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
}

.gallery__header-sub-title {
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 38px;
    margin-top: 60px;
    text-align: center;
    margin-top: 10px;
}

.gallery__images {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    height: 100%;
}

.gallery__article {
    line-height: 0;
    width: calc(33.333% - 10px);
    margin: 5px;
}

.gallery__image-wrapper {
    margin: 0;
    line-height: normal;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    overflow: hidden;
    height: 100%;
}

    .gallery__image-wrapper:hover .gallery__image {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.gallery__image {
    max-width: 100%;
    height: auto;
    transition: -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .gallery__images

{
    padding: 5px;
}

.gallery__article {
    line-height: 0;
    width: calc(50% - 10px);
    margin: 5px;
}

}

@media (max-width: 767px) {
    .gallery__images

{
    padding: 10px;
}

.gallery__article {
    line-height: 0;
    width: 100%;
    margin: 5px 0;
}

.gallery__header {
    padding-left: 10px;
    padding-right: 10px;
}

}

.modal--gallery.modal--lightbox .modal__button--close {
    color: #ffffff;
}

.modal--gallery .gallery__swiper {
    width: 100%;
    height: 100%;
    background: #101010;
}

    .modal--gallery .gallery__swiper img {
        height: auto;
        width: 100%;
    }

    .modal--gallery .gallery__swiper .swiper-slide {
        height: auto;
    }

    .modal--gallery .gallery__swiper .swiper-wrapper {
        align-items: center;
    }

.modal--gallery .swiper-button-next,
.modal--gallery .swiper-button-prev {
    background-image: none;
}

    .modal--gallery .swiper-button-next.swiper-button-disabled,
    .modal--gallery .swiper-button-prev.swiper-button-disabled {
        display: none;
    }

    .modal--gallery .swiper-button-next:before,
    .modal--gallery .swiper-button-prev:before {
        font-family: "standard-icon";
        font-size: 263%;
        font-size: 2.625rem;
        color: #ffffff;
        transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        text-shadow: 0 0 5px #101010;
        font-weight: normal;
    }

    .modal--gallery .swiper-button-next:hover:before,
    .modal--gallery .swiper-button-prev:hover:before {
        opacity: 0.75;
    }

    .modal--gallery .swiper-button-prev:before {
        content: "\f119";
    }

.modal--gallery .swiper-button-next {
    right: 20px;
}

    .modal--gallery .swiper-button-next:before {
        content: "\f11A";
    }

.section--grade-select {
    background: #ffffff;
    overflow: hidden;
}

.grade-accordion__item-title {
    font-size: 100%;
    font-size: 1rem;
    margin-bottom: 15px;
}

.grade-accordion__item-content {
    margin-bottom: 50px;
}

    .grade-accordion__item-content > p {
        font-weight: 100;
    }

.grade-select .tabs {
    margin-bottom: 20px;
}

.grade-select__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}

.grade-select__specs {
    opacity: 0;
    display: none;
    max-height: 0;
    margin: 0;
    max-width: 1200px;
    transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out;
}

    .grade-select__specs[data-selected="true"] {
        opacity: 1;
        max-height: none;
        transition-delay: 350ms;
        margin: 0 auto 40px auto;
        display: block;
    }

.grade-select__content {
    max-width: 1200px;
    min-height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.grade-select__heading {
    text-align: center;
    font-size: 163%;
    font-size: 1.625rem;
    margin: 32px 0;
}

.grade-select__tabs {
    text-align: center;
    margin-bottom: 50px;
}

.grade-select__details-option {
    line-height: 1.2;
}

.grade-select__internals {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 960px;
}

.grade-select__drive, .grade-select__grade {
    padding: 0 40px;
    width: 50%;
    text-align: center;
    margin-bottom: 20px;
}

.grade-select__grade {
    position: relative;
    height: 104px;
}

.grade-select__grade__tabs-container {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
}

    .grade-select__grade__tabs-container[data-selected="true"] {
        opacity: 1;
        visibility: visible;
    }

.grade-select__options {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    transition: all 350ms ease-in-out;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .grade-select__options[data-selected="true"] {
        visibility: visible;
        opacity: 1;
        position: absolute;
        left: 0;
        z-index: 2;
        transition-delay: 350ms;
    }

.grade-select__details {
    width: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    justify-content: center;
    overflow: hidden;
    transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
}

    .grade-select__details[data-selected="true"] {
        opacity: 1;
        visibility: visible;
        max-height: none;
        transition-delay: 250ms;
    }

.grade-select__details-img {
    width: 60%;
    height: auto;
    align-self: center;
    flex: 3;
}

.grade-select__details-data-container {
    flex: 2;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.grade-select__details-title {
    font-size: 157%;
    font-size: 1.5625rem;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.grade-select__details-options {
    margin-top: 20px;
}

.grade-select__ctas {
    padding-top: 20px;
}

    .grade-select__ctas div {
        margin-bottom: 10px;
    }

        .grade-select__ctas div a {
            width: 100%;
        }

        .grade-select__ctas div:last-child {
            margin-bottom: 0;
        }

.grade-select__details-pricefrom {
    font-size: 100%;
    font-size: 1rem;
}

.grade-select__details-price {
    font-size: 125%;
    font-size: 1.25rem;
    line-height: 1;
}

.grade-select__tab-heading {
    margin-top: 0;
    margin-bottom: 26px;
}

.grade-select__accordion__title {
    text-align: center;
}

@media (max-width: 767px) {
    .grade-select__internals

{
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.grade-select__drive, .grade-select__grade {
    width: 100%;
}

.grade-select__details {
    flex-direction: column;
}

.grade-select__details-img {
    width: 100%;
    flex: auto;
}

.grade-select__details-data-container {
    flex: auto;
}

.grade-select__details-data {
    width: 100%;
}

.grade-select__ctas .primary-dark {
    min-width: 100%;
}

.grade-select__content {
    min-height: 775px;
}

}

@media (max-width: 960px) {
    .grade-select__grade

{
    z-index: 0;
}

.grade-select__grade__tabs-container {
    width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

}

body.is-rtl .header-global .header-global__menu__lower .header-global__nav__list .header-global__nav__list-item:last-child {
    padding-left: 0;
    padding-right: 16px;
}

body.is-rtl .header-global__nav__list--lang .header-global__nav__list-item:last-child {
    padding-left: 0;
    padding-right: 10px;
}

body.is-rtl .header-global__nav__list--lang .header-global__nav__list-item:before {
    background-color: #474747;
    content: '';
    height: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}

body.is-rtl .header-global__nav__list--lang .header-global__nav__list-item:after {
    opacity: 0;
}

body.is-rtl .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:after {
    content: '';
    right: auto;
    left: 0;
}

body.is-rtl .header-global .header-global__flyout__list--inline {
    float: right;
}

    body.is-rtl .header-global .header-global__flyout__list--inline .header-global__flyout__list-item {
        margin-right: 0;
        margin-left: 0;
    }

body.is-rtl .header-global .header-global__flyout__list-item {
    margin-right: 0;
    margin-left: 2%;
}

body.is-rtl .header-global .header-global__nav__list-item-link:after {
    left: auto;
    right: 3px;
}

body.is-rtl .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:first-child {
    padding-right: 0;
    padding-left: 8px;
}

body.is-rtl .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:last-child {
    padding-left: 0;
    padding-right: 8px;
}

@media (max-width: 959px) {
    body .is-rtl .header-global .header-global__nav__list-item-link.mobile-menu-link:before

{
    left: auto;
    right: -17px;
}

}

.header {
    width: 100%;
    background: #2b2b2b;
}

.header__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 20px 0 20px 20px;
    height: 125px;
}

@media (max-width: 767px) {
    .header__inner-wrapper

{
    height: 75px;
}

}

.header__logo-link {
    display: inline-block;
}

.header__logo {
    width: 90px;
}

@media (max-width: 767px) {
    .header__logo

{
    width: auto;
    height: 42px;
}

}

.header-global {
    width: 100%;
    position: relative;
}


.header-global__spacer {
    height: 75px;
}

.header-global__inner-wrapper {
    display: flex;
    position: absolute;
    width: 100%;
    height: 75px;
    top: 0;
    left: 0;
    z-index: 999;
    background: #2b2b2b;
    padding: 0 15px;
}

.header-global__inner-container {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    /*padding: 0 45px;*/
    padding: 0 15px;
}

.header-global__logo-link {
    color: #d5d5d5;
    text-decoration: none;
    display: flex;
}

    .header-global__logo-link:hover {
        color: #fff;
    }

.header-global .header-global__logo-link .header-global__logo {
    width: 50px;
    height: 45px;
}

.header-global__inner-wrapper__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.header-global__inner-wrapper__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}

.header-global__menu__upper, .header-global__menu__lower {
    display: flex;
}

.header-global__menu__lower {
    margin-top: 0px;
}

    .header-global__menu__lower .header-global__nav__list .header-global__nav__list-item:last-child {
        padding-right: 0;
    }

.header-global__nav {
    display: flex;
    flex-direction: row;
}

.header-global__nav--mobile {
    display: none;
}

.header-global__nav__list, .header-global__nav__list--lang {
    display: flex;
}

.header-global__nav__list-item {
    flex-direction: row;
    padding: 0 16px;
    position: relative;
}

    .header-global__nav__list-item:last-child {
        padding-right: 0;
    }

.header-global__nav__list--lang {
    padding-left: 16px;
}

.header-global__menu__upper .header-global__nav__list-item .header-global__nav__list-item-link {
    font-size: 0.65rem;
    color: #999999;
    height: 28px;
    line-height: 28px;
}

    .header-global__menu__upper .header-global__nav__list-item .header-global__nav__list-item-link.active {
        color: #ffffff;
    }

    .header-global__menu__upper .header-global__nav__list-item .header-global__nav__list-item-link:hover {
        color: #ffffff;
    }

.header-global__nav__list--lang .header-global__nav__list-item {
    padding: 0 10px;
}

    .header-global__nav__list--lang .header-global__nav__list-item:after {
        background-color: #474747;
        content: "";
        height: 10px;
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
    }

    .header-global__nav__list--lang .header-global__nav__list-item:last-child {
        padding-right: 0;
    }

        .header-global__nav__list--lang .header-global__nav__list-item:last-child:after {
            background-color: transparent;
            content: "";
            height: 0;
            top: 50%;
            width: 0;
        }

.header-global__nav__list-item-link {
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    font-size: 0.8rem;
    color: #d5d5d5;
    height: 30px;
    line-height: 28px;
    position: relative;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
}

    .header-global__nav__list-item-link .icon-location {
        font-size: 113%;
        font-size: 1.125rem;
        position: relative;
        top: 1px;
    }

    .header-global__nav__list-item-link:after {
        background-color: #ffffff;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        opacity: 0;
        position: absolute;
        width: 98%;
        transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .header-global__nav__list-item-link:hover {
        color: #ffffff;
        text-decoration: none;
    }

        .header-global__nav__list-item-link:hover .icon-location {
            color: #ffffff;
        }

    .header-global__nav__list-item-link.menu--active {
        color: #ffffff;
    }

        .header-global__nav__list-item-link.menu--active:after {
            opacity: 1;
        }

.header-global .header-global__flyout {
    background: #fff;
    overflow: hidden;
    width: 100%;
}

    .header-global .header-global__flyout .header-global__flyout__item {
        width: 100%;
        border-bottom: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 998;
        background: #fff;
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        visibility: hidden;
        transition: visibility 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
        transition: transform 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s;
        transition: transform 0.35s ease-in-out 0s, visibility 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
    }

        .header-global .header-global__flyout .header-global__flyout__item.menu--open {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            transition-timing-function: ease-out;
            visibility: visible;
        }

.header-global__flyout__item-container {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    padding: 30px 0;
}

.header-global .header-global__flyout__grid-container {
    display: flex;
    width: 83.3333333%;
    margin: 0 auto;
    flex-direction: row;
}

    .header-global .header-global__flyout__grid-container:hover .header-global__flyout__tout__link {
        opacity: 0.4;
    }

        .header-global .header-global__flyout__grid-container:hover .header-global__flyout__tout__link:hover {
            opacity: 1;
        }

    .header-global .header-global__flyout__grid-container .header-global__flyout__grid-col {
        flex: 1;
    }

    .header-global .header-global__flyout__grid-container .header-global__flyout__grid-col--spacer {
        height: 100%;
        width: 1px;
        background: #e7e7e7;
        margin: 0 40px;
    }

.header-global .header-global__flyout__title {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
}

.header-global .header-global__flyout__text {
    margin-bottom: 10px;
}

.header-global .header-global__flyout__list-item {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 8px;
}

    .header-global .header-global__flyout__list-item:last-child {
        margin-right: 0;
    }

.header-global .header-global__flyout__list-link {
    text-transform: capitalize;
    color: #101010;
    text-decoration: none;
    font-size: 100%;
    font-size: 1rem;
    font-weight: 400;
}

    .header-global .header-global__flyout__list-link:hover {
        color: #d5d5d5;
    }

.header-global .header-global__flyout__list--inline .header-global__flyout__list-item {
    width: auto;
    border-right: 1px solid #999999;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 10px;
}

    .header-global .header-global__flyout__list--inline .header-global__flyout__list-item:first-child {
        padding-left: 0;
    }

    .header-global .header-global__flyout__list--inline .header-global__flyout__list-item:last-child {
        border-right: 0;
        padding-right: 0;
    }

.header-global .header-global__flyout__item.vehicles .vehicle-selection {
    background-color: transparent;
    padding: 0;
    align-items: flex-start;
}

.header-global .header-global__flyout__item.mobile-menu .accordion {
    text-align: center;
}

.header-global .header-global__flyout__item.mobile-menu .accordion__item-title {
    padding: 38px 0;
    text-align: center;
}

    .header-global .header-global__flyout__item.mobile-menu .accordion__item-title:before {
        content: "";
        display: none;
    }

.header-global .header-global__flyout__item.mobile-menu .accordion__item-content__title {
    text-transform: uppercase;
    color: #101010;
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    font-weight: 700;
}

.header-global .header-global__flyout__item.mobile-menu .accordion__item-content__list {
    margin: 15px 0 30px 0;
}

.header-global .header-global__flyout__item.mobile-menu .accordion__item-content__list-item {
    margin-bottom: 22px;
}

.header-global .header-global__flyout__item.mobile-menu .accordion__item-content__list-link {
    text-decoration: none;
    color: #101010;
}

    .header-global .header-global__flyout__item.mobile-menu .accordion__item-content__list-link:hover {
        color: #999999;
    }

.header-global .header-global__other-links {
    padding: 30px 0 15px 0;
    /*    min-height: 300px;*/
}

.header-global .header-global__other-links__title {
    text-align: center;
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 20px;
    font-size: 82%;
    font-size: 0.8125rem;
}

.header-global .header-global__other-links__list {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

    .header-global .header-global__other-links__list:before, .header-global .header-global__other-links__list:after {
        content: "";
        display: block;
    }

.header-global .header-global__other-links__list--lang {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .header-global .header-global__other-links__list--lang .header-global__other-links__list-item {
        padding: 0 8px;
        position: relative;
    }

        .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:first-child {
            padding-left: 0;
        }

        .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:last-child {
            position: relative;
            padding-right: 0;
        }

            .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:last-child:after {
                background-color: transparent;
                content: "";
                height: 0;
                right: 0;
                top: 0;
                width: 0;
            }

        .header-global .header-global__other-links__list--lang .header-global__other-links__list-item:after {
            background-color: #999999;
            content: "";
            height: 10px;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
        }

    .header-global .header-global__other-links__list--lang .header-global__other-links__list-link {
        text-transform: uppercase;
        text-decoration: none;
        color: #999999;
    }

        .header-global .header-global__other-links__list--lang .header-global__other-links__list-link.active {
            color: #101010;
        }

.header-global .header-global__other-links__list-item {
    flex-direction: row;
    padding: 0 15px;
}

.header-global .header-global__other-links__list-link {
    text-transform: uppercase;
    text-decoration: none;
    color: #999999;
    font-size: 82%;
    font-size: 0.8125rem;
}

@media (max-width: 1024px) {
    .header-global .header-global__menu__upper, .header-global .header-global__nav

{
    display: none;
}

.header-global .header-global__menu__upper--mobile,
.header-global .header-global__nav--mobile {
    display: flex;
}

.header-global .header-global__menu__lower .header-global__nav__list .header-global__nav__list-item:last-child {
    padding-right: 0;
    position: relative;
    top: -1px;
}

.header-global__nav__list-item-link.mobile-menu-link {
    position: relative;
}

    .header-global__nav__list-item-link.mobile-menu-link:before {
        content: "";
        position: absolute;
        top: 5px;
        left: -17px;
        height: 20px;
        width: 1px;
        background: #606060;
    }

    .header-global__nav__list-item-link.mobile-menu-link:after {
        width: 63%;
    }

    .header-global__nav__list-item-link.mobile-menu-link .header-global__nav__mobile-menu-icon {
        display: inline-block;
        position: relative;
        height: 19px;
        width: 17px;
        pointer-events: none;
    }

        .header-global__nav__list-item-link.mobile-menu-link .header-global__nav__mobile-menu-icon li {
            background-color: #999999;
            display: block;
            height: 2px;
            margin: 0 0 2px;
            position: absolute;
            transition: top 100ms ease-out 100ms, opacity 100ms ease-out 100ms, -webkit-transform 100ms ease-in 0ms;
            transition: top 100ms ease-out 100ms, transform 100ms ease-in 0ms, opacity 100ms ease-out 100ms;
            transition: top 100ms ease-out 100ms, transform 100ms ease-in 0ms, opacity 100ms ease-out 100ms, -webkit-transform 100ms ease-in 0ms;
            width: 17px;
            margin: 8px 0 5px;
        }

            .header-global__nav__list-item-link.mobile-menu-link .header-global__nav__mobile-menu-icon li:nth-child(1) {
                top: 0;
            }

            .header-global__nav__list-item-link.mobile-menu-link .header-global__nav__mobile-menu-icon li:nth-child(2) {
                top: 5px;
            }

            .header-global__nav__list-item-link.mobile-menu-link .header-global__nav__mobile-menu-icon li:nth-child(3) {
                top: 10px;
            }

    .header-global__nav__list-item-link.mobile-menu-link.menu--active .header-global__nav__mobile-menu-icon li:nth-child(1) {
        top: 5px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header-global__nav__list-item-link.mobile-menu-link.menu--active .header-global__nav__mobile-menu-icon li:nth-child(2) {
        opacity: 0;
    }

    .header-global__nav__list-item-link.mobile-menu-link.menu--active .header-global__nav__mobile-menu-icon li:nth-child(3) {
        top: 5px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.header-global .header-global__flyout__item.mobile-menu .accordion .accordion__item--closed__item-title:hover {
    color: #999999;
}

.header-global .header-global__flyout__item.mobile-menu .accordion .accordion__item--open__item-title:hover {
    color: #101010;
}

.header-global .header-global__logo-link .header-global__logo {
    width: 50px;
    height: 45px;
}

.header-global__spacer {
    height: 75px;
}

.header-global__inner-wrapper {
    height: 75px;
    padding: 0 15px;
}

.header-global__inner-container {
    padding: 0;
}

.header-global__menu__lower {
    margin-top: 0;
}

.header-global .header-global__flyout .header-global__flyout__item {
    top: 75px;
    height: 550px;
    overflow: auto;
}

.header-global .header-global__flyout__item-container {
    max-width: 100%;
    overflow: auto;
    flex-direction: column;
    padding: 15px;
}

}

body.is-rtl .header-global__nav__list-item:last-child {
    padding-left: 0;
}

body.is-rtl .header-global__nav__list--lang {
    padding-right: 16px;
    padding-left: 0;
}

.is-rtl .hero__ctas a:first-child {
    margin-right: 0;
    margin-left: 10px;
}

.is-rtl .hero__ctas a:last-child {
    margin-left: 0;
    margin-right: 10px;
}

.hero {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #101010;
    position: relative;
    max-height: 900px;
    min-height: 300px;
    overflow: hidden;
}

.hero--light {
    color: #ffffff;
}

.hero--small {
    padding: 20px 0;
    max-height: 600px;
}

    .hero--small .hero__inner-wrapper {
        align-items: center;
        justify-content: center;
    }

.hero--large {
    height: calc(100vh - 125px);
}

    .hero--large .hero__inner-wrapper {
        padding: 5% 0;
    }

    .hero--large .hero__ctas {
        margin-top: auto;
        position: absolute;
        padding: 25px;
        left: 0;
        bottom: 7%;
        width: 100%;
    }

.hero__backgroundImages {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.hero__backgroundImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}

.hero__backgroundImage--small {
    display: none;
}

.hero__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 5%;
}

.hero__icon {
    display: inline-block;
    margin-bottom: 20px;
}

.hero__pre-title {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.hero__title {
    font-size: 2.5rem;
    line-height: 1.18;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.hero__feature-header {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.hero__copy {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    width: 100%;
}

.hero__ctas {
    padding-top: 40px;
}

    .hero__ctas a {
        margin: 0 10px;
    }

        .hero__ctas a:first-child {
            margin-left: 0;
        }

        .hero__ctas a:last-child {
            margin-right: 0;
        }

.hero__links {
    margin-top: 40px;
    margin-bottom: 10px;
}

    .hero__links .hyperlink {
        margin: 0 20px;
    }

.hero__video-container {
    background-color: #000;
    bottom: 0;
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.hero__video {
    display: block;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero__video-img {
    display: none;
}

.hero__video-btn {
    margin: 0;
    line-height: normal;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    border: 2px solid #ffffff;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    z-index: 1;
    position: relative;
    transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    right: 5%;
    bottom: 5%;
}

    .hero__video-btn:after {
        content: '';
        border: solid #ffffff;
        border-width: 0 3px 0 3px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        padding: 2px 3px;
        top: 38%;
        right: 38%;
        transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .hero__video-btn:hover {
        background-color: #ffffff;
    }

        .hero__video-btn:hover:after {
            padding: 2px 3px;
            border: solid #101010;
            border-width: 0 3px 0 3px;
        }

.hero__video-btn--pause:after {
    content: '';
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 40%;
    right: 40%;
    transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hero__video-btn--pause:hover {
    background-color: #ffffff;
}

    .hero__video-btn--pause:hover:after {
        content: '';
        border: solid #101010;
        border-width: 0 3px 3px 0;
        padding: 5px;
    }

@media (max-width: 767px) {
    .hero__video-btn

{
    display: none;
}

}

@media (min-width: 768px) {
    .hero--large

{
    height: calc(100vh - 125px);
}

}

@media (min-width: 768px) and (max-width: 1199px) {
    .hero__backgroundImage--large

{
    display: none;
}

.hero__backgroundImage--small {
    display: block;
}

}

@media (max-width: 767px) {
    .hero__inner-wrapper

{
    padding: 0 12px;
}

.hero--small .hero__inner-wrapper {
    padding: 5%;
}

.hero--large {
    height: 600px;
}

    .hero--large .hero__inner-wrapper {
        padding: 10% 2% 10%;
    }

.hero__backgroundImage--large {
    display: none;
}

.hero__backgroundImage--small {
    display: block;
}

.hero__ctas {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .hero__ctas a {
        margin: 0 0 20px;
        width: auto;
    }

        .hero__ctas a:last-child {
            margin-bottom: 0;
        }

.hero__links {
    display: none;
}

.hero__video {
    display: none;
}

.hero__video-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    display: block;
}

}

.image-text {
    display: flex;
}

    .image-text article {
        width: calc(100% / 3);
        margin: 0 6px;
    }

.image-text--two article {
    width: calc(100% / 2);
}

    .image-text--two article:first-child {
        margin: 0 6px 0 0;
    }

    .image-text--two article:last-child {
        margin: 0 0 0 6px;
    }

.image-text__img-container {
    overflow: hidden;
    height: 419px;
    position: relative;
}

.image-text__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: none;
    background-size: cover;
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.image-text__link {
    text-align: center;
    text-decoration: none;
    display: block;
}

    .image-text__link:hover .image-text__img-wrapper {
        -webkit-transform: scale(1.07) translateZ(0);
        transform: scale(1.07) translateZ(0);
        transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .image-text__link:last-child .image-text__content:after {
        display: none;
    }

.image-text__content {
    position: relative;
    padding: 35px 20px;
}

    .image-text__content:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 80%;
        width: 1px;
        top: 50%;
        position: absolute;
        right: -11px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.image-text__title {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: #101010;
}

.image-text__copy {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    color: #999999;
}

.image-text--light .image-text__title,
.image-text--light .image-text__copy {
    color: #ffffff;
}

@media (min-width: 1200px) {
    .image-text

{
    padding: 20px 6px;
}

}

@media (max-width: 959px) {
    .image-text

{
    flex-wrap: wrap;
}

.image-text article {
    width: 100%;
    margin: 0;
}

    .image-text article:first-child {
        margin: 0;
    }

    .image-text article:last-child {
        margin: 0;
    }

.image-text__img-container {
    height: 415px;
}

.image-text__content:after {
    display: none;
}

}

body.is-rtl .menu-secondary .menu-secondary__nav__list-item:first-child .menu-secondary__nav__list-link {
    padding-right: 0;
    padding-left: 12px;
}

body.is-rtl .menu-secondary .menu-secondary__nav__list-item .menu-secondary__nav__list-link {
    border-left: 0;
    border-right: 1px solid #d5d5d5;
}

body.is-rtl .menu-secondary .menu-secondary__nav__list-item:first-child .menu-secondary__nav__list-link {
    border-right: 0;
}

body.is-rtl .menu-secondary .menu-secondary__nav__list-item:nth-child(2) .menu-secondary__nav__list-link {
    border-right: 0;
}

body.is-rtl .menu-secondary--mobile .menu-secondary__row--mobile__title {
    padding-left: 0;
    padding-right: 15px;
}

body.is-rtl .menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn {
    right: auto;
    left: 15px;
}

body.is-rtl .menu-secondary--mobile .menu-secondary__nav__list-link {
    border: 0 !important;
}

body.is-rtl .menu-secondary--mobile .menu-secondary__row--mobile {
    padding-right: 0;
    padding-left: 40px;
}

.menu-secondary {
    border-bottom: 1px solid #d5d5d5;
    background-color: #ffffff;
}

    .menu-secondary .menu-secondary__spacer {
        display: none;
    }

.menu-secondary--sticky .menu-secondary__container {
    background-color: #ffffff;
    border-bottom: 1px solid #d5d5d5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.menu-secondary--sticky .menu-secondary__spacer {
    display: block;
    height: 64px;
    max-height: 64px;
}

.menu-secondary__container {
    padding: 0 15px;
}

.menu-secondary__row {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    max-height: 55px;
    flex-direction: row;
    position: relative;
}

.menu-secondary__row--mobile {
    display: none;
}

.menu-secondary__title-container {
    float: left;
    margin-right: 20px;
}

.menu-secondary__title {
    text-transform: uppercase;
}

.menu-secondary__nav__list {
    white-space: nowrap;
    display: flex;
}

.menu-secondary .has-dropdown {
    overflow: visible;
    position: relative;
}

    .menu-secondary .has-dropdown.open .menu-secondary__subnav__list {
        display: block;
    }

    .menu-secondary .has-dropdown.open .menu-secondary__nav__list-link {
        color: #101010;
    }

    .menu-secondary .has-dropdown .menu-secondary__subnav__list {
        display: none;
        padding-top: 64px;
        position: absolute;
        top: 0;
        left: 1px;
        width: 300px;
        background: #ffffff;
        box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    }

    .menu-secondary .has-dropdown .menu-secondary__subnav__list-item {
        padding: 0 12px 25px;
    }

    .menu-secondary .has-dropdown .menu-secondary__subnav__list-link {
        font-weight: 700;
        font-size: 88%;
        font-size: 0.875rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #999999;
        text-decoration: none;
    }

        .menu-secondary .has-dropdown .menu-secondary__subnav__list-link:hover {
            color: #101010;
        }

.menu-secondary__nav__list-item {
    height: 64px;
    display: flex;
    align-items: center;
    justify-items: center;
}

    .menu-secondary__nav__list-item .menu-secondary__nav__list-link {
        border-left: 1px solid #d5d5d5;
        padding: 0 12px;
    }

    .menu-secondary__nav__list-item:first-child {
        padding-left: 0;
    }

        .menu-secondary__nav__list-item:first-child .menu-secondary__nav__list-link {
            text-transform: uppercase;
            border-left: 0;
            padding-left: 0;
        }

.menu-secondary__nav__list-link {
    color: #999999;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 99;
    font-size: 82%;
    font-size: 0.8125rem;
    letter-spacing: 0.2em;
    line-height: 1.75;
}

    .menu-secondary__nav__list-link.active {
        color: #101010;
    }

    .menu-secondary__nav__list-link:hover {
        color: #101010;
    }

.menu-secondary__cta {
    text-align: center;
    min-width: auto;
}

    .menu-secondary__cta:hover {
        background-color: #999999;
        border-color: #999999;
        color: #ffffff;
    }

.menu-secondary--mobile.menu-secondary--sticky .menu-secondary__row--mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990;
    border-bottom: 1px solid #ffffff;
}

.menu-secondary--mobile.menu-secondary--sticky .menu-secondary__container {
    position: fixed;
    top: 64px;
    width: 100%;
}

.menu-secondary--mobile .menu-secondary__container {
    transition: -webkit-transform 0.35s ease-in-out 0s;
    transition: transform 0.35s ease-in-out 0s;
    transition: transform 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
    position: absolute;
    width: 100%;
    padding: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation-name: hideTillLoaded;
    animation-name: hideTillLoaded;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-bottom: 1px solid #d5d5d5;
    z-index: 989;
}

.menu-secondary--mobile .menu-secondary__col--links {
    width: 100%;
}

.menu-secondary--mobile .menu-secondary__row {
    flex-direction: column;
    height: auto;
    max-height: 100%;
    padding: 0 0 20px 0;
    position: relative;
    top: 0;
    left: 0;
    background: #ffffff;
}

.menu-secondary--mobile .menu-secondary__cta {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.menu-secondary--mobile .menu-secondary__nav__list {
    margin-bottom: 20px;
    flex-direction: column;
}

.menu-secondary--mobile .menu-secondary__nav__list-item {
    display: block;
    padding: 0;
    text-align: center;
    margin: 25px 0 0 0;
    height: auto;
}

.menu-secondary--mobile .menu-secondary__col--cta {
    width: 100%;
    padding: 0 15px;
}

.menu-secondary--mobile .menu-secondary__nav__list-link {
    text-transform: uppercase;
    font-size: 82%;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    border: 0;
}

    .menu-secondary--mobile .menu-secondary__nav__list-link.active {
        color: #101010;
    }

.menu-secondary--mobile .menu-secondary__row--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    max-height: 64px;
    flex-direction: row;
    position: relative;
    z-index: 990;
    background: #ffffff;
    cursor: pointer;
    padding-right: 40px;
}

.menu-secondary--mobile .menu-secondary__row--mobile__title {
    padding-left: 15px;
}

.menu-secondary--mobile .menu-secondary__row--mobile__titleCopy {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn {
    right: 15px;
    height: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1) translate3d(0, -50%, 0);
    transform: scale(1) translate3d(0, -50%, 0);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 20px;
}

    .menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn:before, .menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn:after {
        background-color: #101010;
        content: "";
        display: block;
        height: 10%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: height 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
        width: 11px;
    }

    .menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn:before {
        -webkit-transform: translate3d(-80%, -50%, 0) rotateZ(45deg);
        transform: translate3d(-80%, -50%, 0) rotateZ(45deg);
    }

    .menu-secondary--mobile .menu-secondary__row--mobile__triggerBtn:after {
        -webkit-transform: translate3d(-20%, -50%, 0) rotateZ(-45deg);
        transform: translate3d(-20%, -50%, 0) rotateZ(-45deg);
    }

.menu-secondary--mobile--active .menu-secondary__container {
    transition: -webkit-transform 0.35s ease-in-out 0s;
    transition: transform 0.35s ease-in-out 0s;
    transition: transform 0.35s ease-in-out 0s, -webkit-transform 0.35s ease-in-out 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.menu-secondary--mobile--active .menu-secondary__row {
    position: relative;
    top: 0;
}

.menu-secondary--mobile--active .menu-secondary__row--mobile__triggerBtn {
    -webkit-transform: scale(1.25) translate3d(0, -47.5%, 0);
    transform: scale(1.25) translate3d(0, -47.5%, 0);
}

    .menu-secondary--mobile--active .menu-secondary__row--mobile__triggerBtn:before {
        -webkit-transform: translate3d(-45%, -50%, 0) rotateZ(45deg);
        transform: translate3d(-45%, -50%, 0) rotateZ(45deg);
    }

    .menu-secondary--mobile--active .menu-secondary__row--mobile__triggerBtn:after {
        -webkit-transform: translate3d(-45%, -50%, 0) rotateZ(-45deg);
        transform: translate3d(-45%, -50%, 0) rotateZ(-45deg);
    }

-webkit-keyframes hideTillLoaded {
    0%

{
    opacity: 0;
}

50% {
    opacity: 0;
}

100% {
    opacity: 1;
}

}

keyframes hideTillLoaded {
    0%

{
    opacity: 0;
}

50% {
    opacity: 0;
}

100% {
    opacity: 1;
}

}

body.is-rtl .modal--lightbox .modal__button--close {
    right: auto;
    left: 0;
    padding: 45px 20px 20px 45px;
}

body.is-rtl .modal--full .modal__container .modal__content .modal__title {
    text-align: right;
}

body.is-rtl .modal--full .modal__container .modal__copy .disclaimer-block__copy p {
    text-align: right;
}

body.is-rtl .modal--full .modal__container .modal__copy .disclaimer-block__num {
    border-right: 0;
    border-left: 1px solid #c4c4c4;
}

body.is-rtl .modal--full .modal__button--close {
    right: auto;
    left: 0;
    padding: 25px 10px 10px 25px;
}

body.is-rtl .modal--disclaimer .modal__copy .disclaimer-block__copy {
    border-left: 0;
    border-right: 1px solid #c4c4c4;
}

    body.is-rtl .modal--disclaimer .modal__copy .disclaimer-block__copy p {
        text-align: right;
    }

body.is-rtl .modal--disclaimer .modal__button--close {
    padding: 24px 0 24px 24px;
}

body.is-rtl .modal--cookie-agreement .modal__container .modal__content .modal__copy .cookie-agreement-block__copy p {
    padding-left: 15%;
    padding-right: 0;
    text-align: right;
}

body.is-rtl .modal--cookie-agreement .modal__button--close {
    right: auto;
    left: 0;
}

.modal {
    bottom: 0;
    height: 100%;
    left: 0;
    max-height: 100vh;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
}

.modal__container {
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    background-color: #f5f5f5;
    overflow-y: auto;
    padding: 60px 20px;
    top: 50%;
    text-align: center;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-overflow-scrolling: touch;
}

.modal__copy__content--open-html {
    width: 70%;
    margin: 0 auto;
    text-align: left;
}

    .modal__copy__content--open-html p {
        margin-bottom: 20px;
    }

        .modal__copy__content--open-html p:last-child {
            margin-bottom: 0;
        }

.modal--lightbox {
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.25s, -webkit-transform 0s 0.25s;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s, -webkit-transform 0s 0.25s;
}

    .modal--lightbox.modal--open {
        opacity: 1;
        transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .modal--lightbox.modal--50-50 .modal__container {
        align-items: center;
        height: 100vh;
        padding: 0;
        top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 100vw;
    }

        .modal--lightbox.modal--50-50 .modal__container .modal__content {
            height: 100%;
            margin: 0 auto;
            width: 100%;
        }

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__container .modal__content

{
    flex-flow: row nowrap;
    display: flex;
    align-items: center;
}

}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__image {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 5em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 400px;
}

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__container .modal__content .modal__image

{
    height: 100vh;
    padding: 0;
    width: 50%;
    margin-top: 0;
}

}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__image img {
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__container .modal__content .modal__image img

{
    height: 100%;
}

}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy {
    margin-top: 0;
    width: 100%;
    padding: 50px 0;
}

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy

{
    flex-basis: 50%;
    padding: 0;
}

}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy .modal__copy__content {
    margin: 0 auto;
    width: 80%;
}

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy .modal__copy__content

{
    max-width: 370px;
    overflow: auto;
    max-height: 100vh;
    padding: 0 20px;
}

}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy .modal__copy__content h2 {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: #101010;
    line-height: 2.4rem;
    letter-spacing: 0.4em;
    margin-bottom: 11px;
}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy .modal__copy__content p {
    line-height: 1.5;
    margin: 0 0 28px;
    font-weight: normal;
    color: #101010;
}

.modal--lightbox.modal--50-50 .modal__container .modal__content .modal__copy .modal__copy__content a.modal__btn {
    min-width: 170px;
}

.modal--lightbox.modal--50-50 .modal__button--close {
    padding: 4px 25px 10px 10px;
}

@media (min-width: 960px) {
    .modal--lightbox.modal--50-50 .modal__button--close

{
    padding: 25px 25px 10px 10px;
}

}

.modal--lightbox .modal__button--close {
    color: #000;
    line-height: 70px;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    background: transparent;
    border: 0;
    font-size: 3rem;
    padding: 25px 25px 10px 10px;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 960px) {
    .modal--lightbox .modal__button--close

{
    font-size: 4rem;
    padding: 45px 45px 20px 20px;
}

}

.modal--lightbox .modal__button--close:before {
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
}

.modal--lightbox .modal__button--close:hover {
    opacity: 1;
}

.modal--lightbox .modal__button--close:focus {
    outline: 0;
}

.modal--disclaimer {
    height: auto;
    right: auto;
    top: auto;
    transition: opacity 1s, bottom 1s;
}

    .modal--disclaimer .modal__container {
        height: auto;
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        left: auto;
        margin: 0 auto;
        max-width: 1218px;
        padding: 0;
        position: relative;
        width: 100%;
        text-align: left;
        -webkit-transform: none;
        transform: none;
    }

    .modal--disclaimer.modal--open {
        bottom: 5%;
    }

    .modal--disclaimer .modal__content {
        flex-grow: 1;
    }

    .modal--disclaimer .modal__copy {
        flex: 1 1 auto;
        margin: 0;
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

        .modal--disclaimer .modal__copy .disclaimer-block__copy {
            border-left: 1px solid #c4c4c4;
            margin: 30px 0;
            padding: 0 20px;
        }

            .modal--disclaimer .modal__copy .disclaimer-block__copy p {
                margin: 0;
                line-height: 1.75;
                color: #f5f5f5;
            }

        .modal--disclaimer .modal__copy .disclaimer-block__num {
            font-size: 150%;
            font-size: 1.5rem;
            flex: 0 0 10%;
            padding: 0 24px;
            text-align: center;
        }

    .modal--disclaimer .modal__button--close {
        color: #000;
        line-height: 70px;
        opacity: 0.6;
        position: static;
        flex: 0 0 10%;
        right: 0;
        top: 0;
        z-index: 999;
        background: transparent;
        border: 0;
        font-size: 4rem;
        padding: 25px 25px 10px 10px;
        transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

@media (min-width: 960px) {
    .modal--disclaimer .modal__button--close

{
    font-size: 4rem;
    padding: 24px 24px 24px 0;
}

}

.modal--disclaimer .modal__button--close:before {
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
}

.modal--disclaimer .modal__button--close:hover {
    opacity: 1;
}

.modal--disclaimer .modal__button--close:focus {
    outline: 0;
}

.modal--full {
    position: fixed;
    right: auto;
    top: 0;
    left: 0;
    height: 100vh;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.25s, -webkit-transform 0s 0.25s;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s, -webkit-transform 0s 0.25s;
}

    .modal--full.modal--open {
        opacity: 1;
        bottom: 0;
        transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .modal--full .modal__container {
        height: 100vh;
        align-items: baseline;
        display: block;
        left: auto;
        top: 0;
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
        position: relative;
        width: 100%;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        overflow: auto;
    }

        .modal--full .modal__container .modal__content {
            padding: 70px 25px 30px;
            width: 100%;
            margin: 0 auto;
            max-width: 1218px;
        }

            .modal--full .modal__container .modal__content.wysiwyg .modal__btn {
                display: none;
            }

        .modal--full .modal__container .modal__content--video {
            max-width: 1218px;
            padding: 0;
            width: 100%;
            height: 100%;
            margin: 0 auto;
        }

            .modal--full .modal__container .modal__content--video .modal__content-player {
                position: relative;
                padding-bottom: 56.25%;
                /* 16:9 */
                height: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .modal--full .modal__container .modal__content--video .modal__content-player iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

@media (min-width: 960px) {
    .modal--full .modal__container .modal__content

{
    width: 800px;
}

}

.modal--full .modal__container .modal__content .modal__title {
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 38px;
    margin-top: 60px;
    text-align: center;
}

.modal--full .modal__container .modal__copy {
    flex: 0;
    margin: 0;
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
}

    .modal--full .modal__container .modal__copy .disclaimer-block__copy {
        border-left: 0;
        margin: 30px 0;
        padding: 0 20px 0 30px;
    }

        .modal--full .modal__container .modal__copy .disclaimer-block__copy p {
            margin: 0;
            line-height: 1.75;
            font-weight: 400;
            color: #f5f5f5;
        }

    .modal--full .modal__container .modal__copy .disclaimer-block__num {
        border-right: 1px solid #c4c4c4;
        font-size: 2.4rem;
        flex: 0 0 10%;
        padding: 0 24px;
        position: relative;
        top: 0.4em;
        line-height: 0.75em;
    }

.modal--full--dark .modal__button--close {
    color: #ffffff;
}

.modal--full .modal__button--close {
    color: #101010;
    line-height: 70px;
    opacity: 0.6;
    position: absolute;
    flex: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background: transparent;
    border: 0;
    font-size: 3rem;
    padding: 0px 25px 10px 10px;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    .modal--full .modal__button--close:before {
        transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .modal--full .modal__button--close:hover {
        opacity: 1;
    }

    .modal--full .modal__button--close:focus {
        outline: 0;
    }

.modal--cookie-agreement {
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s 0.25s, height 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.25s;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s, height 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0s 0.25s, visibility 0s 0.25s, height 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.25s;
    height: 0;
    max-height: 100%;
    position: relative;
    z-index: 9999;
    background: #f5f5f5;
    opacity: 0;
    visibility: hidden;
    padding: 1.5% 0;
    display: none;
}

    .modal--cookie-agreement.modal--open {
        display: block;
        height: auto;
        visibility: visible;
        opacity: 1;
        transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), height 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .modal--cookie-agreement .modal__container {
        height: auto;
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        left: auto;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
        text-align: left;
        -webkit-transform: none;
        transform: none;
        height: auto;
    }

        .modal--cookie-agreement .modal__container .modal__content {
            margin: 0 auto;
            max-width: 100%;
            display: flex;
            flex-flow: column;
        }

@media (min-width: 960px) {
    .modal--cookie-agreement .modal__container .modal__content

{
    flex-flow: row nowrap;
}

}

.modal--cookie-agreement .modal__container .modal__content .modal__copy {
    flex: 1 1 auto;
    margin: 0;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

    .modal--cookie-agreement .modal__container .modal__content .modal__copy .cookie-agreement-block__copy p {
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.75;
        color: #101010;
        font-size: 88%;
        font-size: 0.875rem;
        padding-right: 15%;
        padding-left: 15%;
        margin-bottom: 14px;
    }

.modal--cookie-agreement .modal__container .modal__content .modal__button {
    align-items: center;
    justify-content: center;
    display: flex;
}

    .modal--cookie-agreement .modal__container .modal__content .modal__button .cookie-agreement-block__button a {
        min-width: 170px;
        text-align: center;
    }

.modal--cookie-agreement .modal__button--close {
    font-size: 2rem;
    font-weight: 400;
    color: #101010;
    opacity: 0.6;
    align-self: center;
    position: absolute;
    right: 0;
    top: 0.4em;
    padding: 0 25px;
    background: transparent;
    border: 0;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

    .modal--cookie-agreement .modal__button--close:hover {
        opacity: 1;
    }

    .modal--cookie-agreement .modal__button--close:before {
        display: flex;
        justify-content: center;
    }

    .modal--cookie-agreement .modal__button--close:focus {
        outline: 0;
    }

.modal--open {
    opacity: 1;
    display: initial;
    visibility: visible;
}

.modal--dark .modal__button--close {
    color: #fff;
}

.modal--dark .modal__container {
    color: #f5f5f5;
    background: #2b2b2b;
}

@media (max-width: 959px) {
    .modal--disclaimer.modal--open

{
    bottom: 0;
}

.modal--disclaimer .modal__copy .disclaimer-block__num {
    font-size: 1.8em;
    padding: 0 16px;
}

.modal--disclaimer .modal__button--close {
    font-size: 2.5rem;
    padding: 14px 25px 10px 10px;
}

.modal--disclaimer .disclaimer-block__copy p {
    font-size: 0.9rem;
}

}

@media (min-width: 960px) {
    .modal--disclaimer

{
    display: block;
}

.modal--cookie-agreement .modal__container .modal__content .modal__copy .cookie-agreement-block__copy p {
    padding-left: 0;
    margin-bottom: 0;
}

.modal--cookie-agreement .modal__button--close {
    top: auto;
}

}

@media (min-width: 768px) and (max-width: 1199px) {
    .modal__copy__content--open-html

{
    width: 80%;
}

.modal .modal--full .modal__button--close {
    font-size: 3rem;
}

}

@media (max-width: 767px) {
    .modal--full .modal__container .modal__content .modal__title

{
    margin-top: 20px;
}

.modal--full .modal__container .modal__button--close {
    font-size: 2rem;
}

}

.is-rtl .recalls__links {
    text-align: right;
}

.is-rtl .recalls__forms .input {
    margin-right: 0;
    margin-left: 10px;
}

@media (max-width: 959px) {
    .is-rtl .recalls__links

{
    text-align: center;
}

.is-rtl .recalls__forms .input {
    margin: 0 auto 20px;
}

}

.recalls {
    padding: 40px 0;
}

.recalls__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
}

.recalls__header {
    text-align: center;
    margin-bottom: 20px;
}

.recalls__forms {
    margin: 0 auto 40px;
    max-width: 600px;
}

    .recalls__forms .input-row {
        float: left;
        width: 500px;
        margin-right: 10px;
        margin-bottom: 0;
    }

.recalls .recall-btn {
    float: left;
    padding: 13px 23px;
}

.recalls__links {
    padding-top: 20px;
    text-align: left;
    clear: both;
}

.recalls__modal-link {
    display: inline-block;
}

.recalls .subpageTitle {
    margin-bottom: 10px;
}

.recalls .featureHeader {
    text-align: center;
}

.recalls__content {
    max-width: 900px;
    margin: 0 auto;
    display: none;
}

.recalls__content--is-active {
    display: block;
}

.recalls__content-entry {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d5d5d5;
}

    .recalls__content-entry:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

.recalls p {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    margin-bottom: 20px;
}

    .recalls p strong {
        font-weight: 700;
    }

    .recalls p:last-child {
        margin-bottom: 0;
    }

.recalls__info {
    text-align: center;
}

@media (max-width: 959px) {
    .recalls__forms

{
    text-align: center;
    min-width: 300px;
    width: auto;
}

.recalls__forms .input {
    margin: 0 auto 10px;
    width: 100%;
    display: block;
}

    .recalls__forms .input input {
        margin-bottom: 10px;
        margin-right: 0;
    }

.recalls__links {
    text-align: center;
}

}

@media (max-width: 767px) {
    .recalls

{
    padding: 40px 20px;
}

.recalls__forms {
    margin: 0 auto 40px;
    max-width: 600px;
}

    .recalls__forms .input-row {
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }

.recalls .recall-btn {
    float: none;
    width: 100%;
    min-width: auto;
    max-width: 500px;
}

.recalls .input-row__field-wrapper {
    margin-bottom: 20px;
}

}

.shopping-tools {
    padding: 35px 0 40px;
}

.shopping-tools--light .shopping-tools__header-title,
.shopping-tools--light .shopping-tools__header-sub-title,
.shopping-tools--light .shopping-tools__title,
.shopping-tools--light .shopping-tools__copy {
    color: #ffffff;
}

.shopping-tools__header {
    text-align: center;
}

.shopping-tools__header-title {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-bottom: 0;
}

.shopping-tools__header-sub-title {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-bottom: 0;
}

.shopping-tools__inner-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    padding: 30px 0;
}

.shopping-tools__article {
    width: 300px;
    padding: 0 30px;
}

.shopping-tools__link {
    display: block;
    text-decoration: none;
    transition: opacity 300ms linear;
    color: #101010;
}

.shopping-tools__icon {
    margin-bottom: 20px;
    height: 100px;
}

    .shopping-tools__icon img {
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: block;
    }

.shopping-tools__title {
    text-transform: uppercase;
    font-size: 82%;
    font-size: 0.8125rem;
    margin-bottom: 15px;
    letter-spacing: 0.2em;
    color: #101010;
    font-weight: 700;
    line-height: 2.3rem;
}

.shopping-tools__copy {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    line-height: 1.75;
    font-weight: 400;
    margin-bottom: 20px;
}

.shopping-tools__cta {
    padding: 10px 0px;
}

@media (min-width: 1200px) {
    .shopping-tools__inner-wrapper:hover .shopping-tools__link

{
    opacity: 0.5;
}

.shopping-tools__inner-wrapper:hover .shopping-tools__link:hover {
    opacity: 1;
}

.shopping-tools__link:hover .shopping-tools__cta span {
    border-bottom: 2px solid #000000;
    padding-bottom: 2px;
    color: #000000;
}

}

@media (max-width: 959px) {
    .shopping-tools__inner-wrapper

{
    flex-wrap: wrap;
}

.shopping-tools__article {
    width: 50%;
    margin-bottom: 40px;
}

}

@media (max-width: 767px) {
    .shopping-tools__inner-wrapper

{
    flex-direction: column;
    align-items: center;
}

.shopping-tools__article {
    margin-bottom: 40px;
    width: 100%;
}

.shopping-tools__copy {
    display: none;
    padding-top: 0;
}

.shopping-tools__cta {
    padding-top: 0;
}

.shopping-tools__title {
    margin-bottom: 11px;
}

}

.sitemap {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 40px;
    padding: 40px 15px 0;
}

.sitemap__header {
    margin-bottom: 50px;
}

.sitemap .mainHeading {
    text-align: center;
}

.sitemap__home {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #101010;
    text-decoration: none;
    margin-bottom: 30px;
    display: inline-block;
}

    .sitemap__home:hover {
        color: #999999;
    }

.sitemap__grouping {
    margin-bottom: 40px;
}

    .sitemap__grouping:last-child {
        margin-bottom: 0;
    }

.sitemap__grouping-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sitemap__block {
    padding: 0 20px 40px 20px;
    width: 25%;
}

.sitemap__parent-link {
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 38px;
    margin-top: 60px;
    text-align: center;
    margin: 10px 0;
    padding: 0 0 10px 5px;
    border-bottom: 2px solid #101010;
    text-decoration: none;
    display: block;
    color: #101010;
}

    .sitemap__parent-link:hover {
        color: #999999;
    }

.sitemap__child-list a {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    font-weight: 500;
    text-transform: none;
    padding: 0 0 0 5px;
    display: inline-block;
    color: #101010;
    text-decoration: none;
    margin-bottom: 5px;
    letter-spacing: 1;
}

    .sitemap__child-list a:hover {
        color: #999999;
    }

@media (min-width: 768px) and (max-width: 1199px) {
    .sitemap__block

{
    width: 33.333%;
}

}

@media (max-width: 767px) {
    .sitemap__grouping

{
    margin-bottom: 20px;
}

.sitemap__block {
    width: 50%;
}

}

@media (max-width: 599px) {
    .sitemap__grouping-inner

{
    flex-direction: column;
}

.sitemap__block {
    padding: 0 20px 20px 20px;
    width: 100%;
}

}

.accordion__item-content__container {
    padding: 20px 0;
}

.accordion__item-content .specification-content__heading {
    color: #101010;
}

.accordion__item-content .specification-content__heading--sub-section {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1.1;
    text-transform: uppercase;
    padding-right: 30px;
    margin: 70px 0 40px 0;
}

    .accordion__item-content .specification-content__heading--sub-section:first-child {
        margin-top: 0;
    }

.accordion__item-content .specification-content__heading--content {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 40px 0 10px 0;
}

.accordion__item-content .specification-content__heading--content-sub {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

.accordion__item-content .specification-content__item {
    display: block;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
}

@media (max-width: 767px) {
    .accordion__item-content .specifications-content__table-col

{
    display: block;
}

}

@media (max-width: 767px) {
    .accordion__item-content .specifications-content__table-row

{
    display: block;
    margin-top: 40px;
}

.accordion__item-content .specifications-content__table-row:first-child {
    margin-top: 0;
}

}

.tabs__container {
    width: 100%;
    max-width: 1280px;
    margin: 20px auto;
    text-align: center;
}

    .tabs__container .choices {
        display: none;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.2em;
    }

        .tabs__container .choices.is-open .choices__inner {
            transition: border 0.3s ease-in-out;
            border: 1px solid #101010;
        }

        .tabs__container .choices.is-open:after {
            color: #101010;
        }

        .tabs__container .choices:after {
            color: #999999;
            font-size: 125%;
            font-size: 1.25rem;
            line-height: 1;
            transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
            border: none;
            width: auto;
            height: auto;
            position: absolute;
            right: 10px;
            margin-top: -9px;
            display: inline-block;
            vertical-align: middle;
            text-transform: none;
            font-family: "standard-icon";
            font-style: normal;
            content: "";
            font-weight: normal;
        }

        .tabs__container .choices.is-open .choices__list--dropdown {
            margin-top: 0px;
        }

        .tabs__container .choices.is-open:after {
            margin-top: -9px;
            color: #101010;
            display: inline-block;
            vertical-align: middle;
            text-transform: none;
            font-family: "standard-icon";
            font-style: normal;
            content: "";
            font-weight: normal;
        }

    .tabs__container .choices__item {
        line-height: 1.75;
    }

    .tabs__container .choices__item--choice {
        transition: color 0.3s ease-in-out;
        color: #999999;
        padding: 15px;
    }

        .tabs__container .choices__item--choice.is-highlighted {
            color: #101010;
            background-color: transparent;
        }

@media screen and (max-width: 960px) {
    .tabs__container .choices

{
    display: block;
}

}

.tabs__container .tabs__container__inner .tabs__content {
    text-align: left;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
}

.tabs__container .tabs__container__inner .tabs__content--active {
    max-height: none;
    opacity: 1;
    padding-top: 40px;
}

.tabs__navigation {
    position: relative;
    display: inline-block;
}

    .tabs__navigation:after {
        content: "";
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
        position: absolute;
        bottom: 1px;
        left: 0;
        z-index: -1;
    }

.tabs__navigation__item {
    display: inline-block;
}

.tabs__navigation__item--link {
    transition: color 0.3s, border 0.3s;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #999999;
    padding: 10px 52px 20px;
    font-size: 88%;
    font-size: 0.875rem;
    border-bottom: 3px solid transparent;
}

    .tabs__navigation__item--link:hover {
        color: #101010;
    }

.tabs__navigation__item--active .tabs__navigation__item--link {
    display: block;
    color: #101010;
    border-bottom: 3px solid #101010;
}

@media screen and (max-width: 960px) {
    .tabs__navigation

{
    display: none;
}

}

.tabs {
    display: inline-flex;
    opacity: 0;
    height: 0;
    justify-content: center;
    position: relative;
}

.tabs__button {
    display: block;
}

.tabs .choices {
    display: none;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.2em;
    z-index: 10;
}

    .tabs .choices.is-open .choices__inner {
        transition: border 0.3s ease-in-out;
        border: 1px solid #101010;
    }

    .tabs .choices.is-open:after {
        color: #101010;
    }

    .tabs .choices:after {
        color: #999999;
        font-size: 125%;
        font-size: 1.25rem;
        line-height: 1;
        transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
        border: none;
        width: auto;
        height: auto;
        position: absolute;
        right: 10px;
        margin-top: -9px;
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

    .tabs .choices.is-open .choices__list--dropdown {
        margin-top: 0px;
    }

    .tabs .choices.is-open:after {
        margin-top: -9px;
        color: #101010;
        display: inline-block;
        vertical-align: middle;
        text-transform: none;
        font-family: "standard-icon";
        font-style: normal;
        content: "";
        font-weight: normal;
    }

.tabs .choices__list--single {
    padding: 4px 30px 4px 4px;
}

.tabs .choices__item {
    line-height: 1.75;
    word-break: break-all;
}

.tabs .choices__item--choice {
    transition: color 0.3s ease-in-out;
    color: #999999;
    padding: 15px;
}

    .tabs .choices__item--choice.is-highlighted {
        color: #101010;
        background-color: transparent;
    }

@media screen and (max-width: 960px) {
    .tabs

{
    display: block;
}

.tabs .choices {
    display: block;
    margin: 0 auto;
    max-width: calc(100vw - 60px);
}

.tabs .tabs__items {
    display: none;
}

.tabs .tabs__active-line,
.tabs .tabs__inactive-line {
    display: none;
}

}

.tabs__items {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tabs__item {
    flex-direction: row;
}

    .tabs__item .tabs__button {
        color: #999999;
        padding: 10px 52px;
        font-size: 88%;
        font-size: 0.875rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        text-decoration: none;
        transition: color 500ms;
        word-break: break-all;
    }

        .tabs__item .tabs__button:hover {
            color: #101010;
        }

    .tabs__item.active .tabs__button {
        color: #101010;
    }

.tabs__active-line, .tabs__inactive-line {
    position: absolute;
    width: 0;
}

.tabs__active-line {
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #101010;
    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.tabs__inactive-line {
    background-color: #e7e7e7;
    height: 1px;
    bottom: -2px;
    left: 0;
    transition: all 1s;
}

    .tabs__inactive-line.loaded {
        width: 100%;
    }

.thankyou__inner-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 40px;
}

.thankyou__header {
    margin-bottom: 40px;
}

.thankyou__title {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    margin-bottom: 0;
}

.thankyou__sub-title {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    text-align: center;
    text-transform: none;
    margin-bottom: 0;
}

.thankyou__content {
    display: flex;
}

.thankyou__ctas {
    margin-left: 40px;
    text-align: center;
}

    .thankyou__ctas a {
        margin-bottom: 20px;
    }

.thankyou p {
    margin-bottom: 20px;
}

    .thankyou p:last-child {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .thankyou__inner-wrapper

{
    padding: 0 10%;
}

.thankyou__content {
    flex-direction: column;
}

.thankyou__ctas {
    text-align: center;
    margin-left: 0;
}

}

.three-sixty {
    height: auto;
    position: relative;
    padding: 80px 0 50px;
    width: 100%;
}

.three-sixty__interior-color__selection {
    max-width: 100%;
}

.three-sixty--gallery {
    padding-top: 0;
}

    .three-sixty--gallery .three-sixty__drag {
        position: absolute;
        bottom: 35px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3;
        color: #fff;
        cursor: pointer;
        text-align: center;
    }

    .three-sixty--gallery .three-sixty__drag--dark {
        color: #101010;
    }

    .three-sixty--gallery .three-sixty__content--exterior.active {
        margin-top: 0;
    }

.three-sixty__loader {
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 40px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

keyframes spin {
    100%

{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

.three-sixty__loader .arc {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

    .three-sixty__loader .arc:before {
        border-radius: 50%;
        border: 2px solid;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        border-color: #aaa;
    }

    .three-sixty__loader .arc:after {
        border-radius: 50%;
        border: 2px solid;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        border-color: transparent transparent #101010;
    }

.three-sixty__loader.active {
    display: block;
}

.three-sixty__contain {
    overflow: hidden;
    min-height: 250px;
    position: relative;
}

@media (max-width: 767px) {
    .three-sixty__contain

{
    margin-top: 23px;
}

}

.three-sixty__drag {
    bottom: -7px;
    position: absolute;
    right: 15%;
    z-index: 3;
}

    .three-sixty__drag > p {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        margin: 0;
    }

        .three-sixty__drag > p:after {
            display: inline-block;
            vertical-align: middle;
            text-transform: none;
            font-family: "standard-icon";
            font-style: normal;
            content: "";
            font-weight: normal;
            font-size: 213%;
            font-size: 2.125rem;
            left: 13px;
            position: relative;
        }

@media (max-width: 1024px) {
    .three-sixty__drag

{
    bottom: 45px;
    margin-top: -1%;
    position: relative;
    right: auto;
    text-align: center;
}

}

.three-sixty__intro {
    position: relative;
    text-align: center;
    z-index: 3;
}

.three-sixty__intro--tagline {
    font-size: 125%;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.three-sixty__view-toggles {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 3;
    line-height: 1.75;
}

    .three-sixty__view-toggles ul {
        text-align: center;
    }

        .three-sixty__view-toggles ul li {
            display: inline-block;
        }

            .three-sixty__view-toggles ul li:last-child a {
                border-right: 0;
                padding-left: 13px;
            }

            .three-sixty__view-toggles ul li a {
                font-size: 82%;
                font-size: 0.8125rem;
                text-decoration: none;
                border-right: 1px solid #d5d5d5;
                color: #999999;
                display: block;
                font-weight: 700;
                letter-spacing: 0.2em;
                padding: 0 14px;
                text-transform: uppercase;
            }

                .three-sixty__view-toggles ul li a.active, .three-sixty__view-toggles ul li a:hover {
                    color: #101010;
                    transition: color 250ms;
                }

.three-sixty__swatches--exterior {
    height: 87px;
    left: 0;
    margin-bottom: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%;
}

    .three-sixty__swatches--exterior.active {
        opacity: 1;
    }

    .three-sixty__swatches--exterior .color-picker {
        margin-bottom: 10px;
        position: relative;
        list-style: none;
    }

@media (max-width: 767px) {
    .three-sixty__swatches--exterior .color-picker

{
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 5px 20px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

}

.three-sixty__swatches--exterior .color-picker__dot {
    display: inline-block;
    height: 38px;
    margin: 0 5px;
    position: relative;
    width: 38px;
    cursor: pointer;
}

    .three-sixty__swatches--exterior .color-picker__dot[data-color*="white"] .color-picker__inner-circle {
        background-color: #ffffff;
    }

.three-sixty__swatches--exterior .color-picker__dot--selected {
    color: #ffffff;
    font-size: 94%;
    font-size: 0.9375rem;
    left: 12px;
    line-height: 1.1;
    opacity: 0;
    position: absolute;
    top: 12px;
    transition-delay: 100ms;
    transition: opacity 100ms, visibility 100ms;
    visibility: hidden;
}

.three-sixty__swatches--exterior .color-picker__dot.active .color-picker__dot--selected {
    opacity: 1;
    visibility: visible;
}

.three-sixty__swatches--exterior .color-picker__dot.active[data-color*="white"] .color-picker__dot--selected {
    color: #101010;
}

.three-sixty__swatches--exterior .color-picker__dot.active .color-picker__inner-circle {
    -webkit-transform: scale(1.71);
    transform: scale(1.71);
    transition: -webkit-transform 100ms;
    transition: transform 100ms;
    transition: transform 100ms, -webkit-transform 100ms;
}

.three-sixty__swatches--exterior .color-picker__outer-circle {
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 38px;
    position: relative;
    width: 38px;
}

.three-sixty__swatches--exterior .color-picker__inner-circle {
    border-radius: 50%;
    display: block;
    height: 22px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 22px;
}

.three-sixty__swatches--exterior .color-picker__tooltip {
    color: #999999;
    display: none;
    height: 45px;
    left: 50%;
    margin-left: -300px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 46px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all 0.4s ease;
    width: 600px;
    z-index: 3;
}

@media (min-width: 960px) {
    .three-sixty__swatches--exterior .color-picker__tooltip

{
    display: block;
}

}

.three-sixty__swatches--exterior .color-picker__tooltip__arrow-border {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 288px;
    position: absolute;
    width: 0;
    border-bottom: 12px solid #d5d5d5;
    top: -12px;
}

.three-sixty__swatches--exterior .color-picker__tooltip__arrow {
    border-bottom: 12px solid #e7e7e7;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 288px;
    position: absolute;
    top: -11px;
    width: 0;
}

.three-sixty__swatches--exterior .color-picker__tooltip__text {
    background: #e7e7e7;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    display: table;
    height: 45px;
    margin: 0 auto;
    padding: 0 23px;
}

    .three-sixty__swatches--exterior .color-picker__tooltip__text > span {
        font-size: 94%;
        font-size: 0.9375rem;
        display: table-cell;
        font-weight: 400;
        vertical-align: middle;
        white-space: nowrap;
    }

.three-sixty__interior-images {
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) {
    .three-sixty__interior-images

{
    margin-bottom: -50px;
}

}

.three-sixty__interior-images .three-sixty__cta {
    bottom: 65px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    z-index: 3;
    text-align: center;
}

@media (max-width: 767px) {
    .three-sixty__interior-images .three-sixty__cta

{
    display: none;
}

}

.three-sixty__interior-images img {
    left: 0;
    margin: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 500ms;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}

    .three-sixty__interior-images img.active {
        visibility: visible;
        opacity: 1;
        z-index: 2;
    }

    .three-sixty__interior-images img.inactive {
        visibility: visible;
        z-index: 1;
        opacity: 1;
    }

.three-sixty__interior-swatches {
    line-height: 0;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .three-sixty__interior-swatches

{
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 20px;
    white-space: nowrap;
}

}

.three-sixty__interior-swatches > li {
    display: inline-block;
    margin-right: 16px;
    position: relative;
}

    .three-sixty__interior-swatches > li:hover .picker__tooltip {
        opacity: 1;
        -webkit-transform: translateY(23px);
        transform: translateY(23px);
    }

    .three-sixty__interior-swatches > li .picker__tooltip {
        color: #999999;
        display: none;
        height: 45px;
        left: 50%;
        margin-left: -300px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        text-align: center;
        top: 46px;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        transition: all 0.4s ease;
        width: 600px;
        z-index: 3;
    }

@media (min-width: 960px) {
    .three-sixty__interior-swatches > li .picker__tooltip

{
    display: block;
}

}

.three-sixty__interior-swatches > li .picker__tooltip__arrow-border {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 288px;
    position: absolute;
    width: 0;
    border-bottom: 12px solid #d5d5d5;
    top: -12px;
}

.three-sixty__interior-swatches > li .picker__tooltip__arrow {
    border-bottom: 12px solid #e7e7e7;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 288px;
    position: absolute;
    top: -11px;
    width: 0;
}

.three-sixty__interior-swatches > li .picker__tooltip__interior-swatches {
    border-bottom: 12px solid #e7e7e7;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    left: 288px;
    position: absolute;
    top: -11px;
    width: 0;
}

.three-sixty__interior-swatches > li .picker__tooltip__text {
    background: #e7e7e7;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    display: table;
    height: 45px;
    margin: 0 auto;
    padding: 0 23px;
}

    .three-sixty__interior-swatches > li .picker__tooltip__text span {
        font-size: 94%;
        font-size: 0.9375rem;
        display: table-cell;
        font-weight: 400;
        vertical-align: middle;
        white-space: nowrap;
    }

.three-sixty__interior-swatch {
    display: inline-block;
    height: 65px;
    position: relative;
    width: 66px;
}

    .three-sixty__interior-swatch .outer-swatch,
    .three-sixty__interior-swatch .inner-swatch,
    .three-sixty__interior-swatch .inner-swatch-overlay {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .three-sixty__interior-swatch .inner-swatch {
        -webkit-transform: scale(0.77);
        transform: scale(0.77);
        transition: -webkit-transform 0.45s;
        transition: transform 0.45s;
        transition: transform 0.45s, -webkit-transform 0.45s;
        z-index: 1;
    }

    .three-sixty__interior-swatch .inner-swatch-overlay {
        opacity: 1;
        transition: opacity 0.4s, visibility 0.4s;
    }

    .three-sixty__interior-swatch .dot__selected {
        color: #ffffff;
        font-size: 94%;
        font-size: 0.9375rem;
        left: 25px;
        margin: auto;
        opacity: 0;
        position: absolute;
        top: 25px;
        transition-delay: 100ms;
        transition: opacity 0.4s, visibility 0.4s;
        visibility: hidden;
        z-index: 2;
    }

    .three-sixty__interior-swatch.active .inner-swatch {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .three-sixty__interior-swatch.active .inner-swatch-overlay {
        opacity: 0;
    }

    .three-sixty__interior-swatch.active .dot__selected {
        opacity: 1;
        visibility: visible;
    }

.three-sixty:not(.is-handheld) .color-picker__dot:hover .color-picker__tooltip {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.three-sixty__content {
    left: -9999px;
    position: absolute;
    top: -9999px;
    overflow: hidden;
    z-index: 1;
    cursor: grab;
    cursor: -webkit-grab;
    opacity: 0;
    transition: opacity 1s;
    visibility: hidden;
}

    .three-sixty__content:active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }

    .three-sixty__content.active {
        left: inherit;
        margin-top: 0;
        opacity: 1;
        position: relative;
        top: inherit;
        visibility: visible;
    }

.three-sixty__content--exterior.active {
    margin-top: 67px;
}

.three-sixty__content--exterior .three-sixty__cta {
    text-align: center;
    margin-top: -3%;
    position: relative;
    text-align: center;
    z-index: 3;
}

.three-sixty__content--interior {
    padding-bottom: 30px;
}

.three-sixty .three-sixty__cta.mobile {
    bottom: inherit;
    left: inherit;
    margin: auto;
    position: relative;
    right: inherit;
    display: block;
    text-align: center;
    position: relative;
    /*top: -80px;*/
    z-index: 9;
}

@media (max-width: 1199px) {
    .three-sixty .three-sixty__cta.mobile

{
    top: 20px;
}

}

@media (max-width: 767px) {
    .three-sixty .three-sixty__cta.mobile

{
    top: 0;
}

}

.three-sixty__images {
    z-index: 1;
    position: absolute;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 500ms linear;
    width: 100%;
}

    .three-sixty__images.show {
        opacity: 1;
        z-index: 3;
    }

    .three-sixty__images.inactive {
        opacity: 1;
        z-index: 2;
    }

    .three-sixty__images .previous-image,
    .three-sixty__images .current-image {
        position: absolute;
        top: 0;
        width: 70%;
        height: auto;
        transition: -webkit-filter 800ms;
        left: 50%;
        max-width: 1480px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .three-sixty__images .previous-image {
        opacity: 0;
    }

@media (max-width: 767px) {
    .three-sixty__images .previous-image, .three-sixty__images .current-image

{
    width: 100%;
}

}

.three-sixty__color-name-container {
    display: none;
    height: 0;
    margin-bottom: 2em;
    overflow: visible;
    pointer-events: none;
    position: relative;
    text-align: center;
    z-index: -1;
}

    .three-sixty__color-name-container.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.three-sixty__color-name {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    font-size: 82%;
    font-size: 0.8125rem;
    line-height: 13px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(125%);
    transform: translateY(125%);
    width: 100%;
}

    .three-sixty__color-name.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

@media (min-width: 768px) {
    .three-sixty__color-name

{
    font-size: 88%;
    font-size: 0.875rem;
    line-height: 14px;
}

}

.three-sixty.is-handheld .three-sixty__color-name-container {
    display: block;
    z-index: 2;
}

    .three-sixty.is-handheld .three-sixty__color-name-container.active {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.three-sixty.is-handheld .three-sixty__interior-swatches {
    margin-bottom: 16px;
    z-index: 4;
}

@media (max-width: 767px) {
    .three-sixty--gallery .three-sixty__drag

{
    bottom: 3px;
    width: 100%;
}

}

.is-rtl .tout-carousel__tabs-content-item.hover-right {
    -webkit-transform: translateX(40px) !important;
    transform: translateX(40px) !important;
}

.is-rtl .tout-carousel__tabs-content-item.hover-left {
    -webkit-transform: translateX(-40px) !important;
    transform: translateX(-40px) !important;
}

.is-rtl .tout-carousel .swiper-button-prev {
    background-image: none;
}

    .is-rtl .tout-carousel .swiper-button-prev:before {
        content: '\f11A';
    }

.is-rtl .tout-carousel .swiper-button-next {
    background-image: none;
}

    .is-rtl .tout-carousel .swiper-button-next:before {
        content: '\f119';
    }

.tout-carousel {
    margin-top: 30px;
}

    .tout-carousel .choices {
        z-index: 10;
        max-width: 300px !important;
    }

        .tout-carousel .choices .choices__list {
            text-align: left;
        }

.tout-carousel__container {
    max-width: 1320px;
    width: 100%;
    overflow: visible;
    margin: 0 auto;
}

.tout-carousel__tabs {
    text-align: center;
}

.tout-carousel__tabs-content {
    padding: 0;
    margin: 75px auto 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 520px;
}

.tout-carousel__tabs-content-item {
    position: absolute;
    width: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    overflow: visible;
    transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.09, 0.38, 0.82) !important;
    transition: transform 0.5s cubic-bezier(0.54, 0.09, 0.38, 0.82) !important;
    transition: transform 0.5s cubic-bezier(0.54, 0.09, 0.38, 0.82), -webkit-transform 0.5s cubic-bezier(0.54, 0.09, 0.38, 0.82) !important;
}

    .tout-carousel__tabs-content-item.hover-left {
        -webkit-transform: translateX(40px) !important;
        transform: translateX(40px) !important;
    }

        .tout-carousel__tabs-content-item.hover-left .tout-carousel-button-prev {
            opacity: 1;
        }

    .tout-carousel__tabs-content-item.hover-right {
        -webkit-transform: translateX(-40px) !important;
        transform: translateX(-40px) !important;
    }

        .tout-carousel__tabs-content-item.hover-right .tout-carousel-button-next {
            opacity: 1;
        }

    .tout-carousel__tabs-content-item.active {
        opacity: 1;
        visibility: visible;
    }

        .tout-carousel__tabs-content-item.active .tout-carousel__item {
            opacity: 1;
            top: 0 !important;
        }

        .tout-carousel__tabs-content-item.active .last-partial,
        .tout-carousel__tabs-content-item.active .first-partial {
            pointer-events: none;
        }

            .tout-carousel__tabs-content-item.active .last-partial::before,
            .tout-carousel__tabs-content-item.active .first-partial::before {
                content: "";
                background: rgba(255, 255, 255, 0.75);
                height: 100%;
                width: 100%;
                left: 0;
                opacity: 1;
                position: absolute;
                pointer-events: all;
                top: 0;
                z-index: 1;
                -webkit-animation: fadein 0.35s;
                animation: fadein 0.35s;
            }

        .tout-carousel__tabs-content-item.active .not-partial::before {
            content: "";
            background: transparent;
            height: 100%;
            width: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            -webkit-animation: fadeout 0.35s;
            animation: fadeout 0.35s;
        }

.tout-carousel__item {
    width: 270px;
    max-width: 270px;
    background: #ffffff;
    border: 1px solid #d5d5d5;
    height: 460px;
    position: relative;
    margin: 0 15px;
    max-width: 300px;
    outline: 0;
    cursor: pointer;
    flex-direction: row;
    opacity: 0;
    transition: all 0.35s ease-in-out;
}

.tout-carousel__item-image-wrapper {
    overflow: hidden;
}

.tout-carousel__item-image {
    background-color: gray;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    height: 235px;
    width: 100%;
    transition: -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

    .tout-carousel__item-image:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.tout-carousel__item-content-wrapper {
    width: 100%;
    height: 225px;
    border: 1px solid #d5d5d5;
    border-top: 0 none;
    text-align: center;
    padding: 18px;
    position: relative;
}

    .tout-carousel__item-content-wrapper:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%);
    }

.tout-carousel__item-category .tout-carousel__item-categoryText {
    font-size: 82%;
    font-size: 0.8125rem;
    color: #999999;
    margin: 7px 0;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.tout-carousel__item-title .tout-carousel__item-titleText {
    font-size: 82%;
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.tout-carousel__item-copy {
    position: relative;
}

    .tout-carousel__item-copy .tout-carousel__item-copyText {
        font-size: 100%;
        font-size: 1rem;
        font-weight: 400;
        border-top: 1px solid #d5d5d5;
        padding-top: 18px;
        margin: 18px 5px;
        line-height: 1.75;
        height: 100px;
        overflow: hidden;
    }

.tout-carousel--animating .tabs__active-line {
    background-color: #999999;
}

.tout-carousel-button-prev.swiper-button-disabled, .tout-carousel-button-next.swiper-button-disabled {
    display: none;
}

.tout-carousel-button-disabled {
    pointer-events: all;
}

.tout-carousel-button-prev, .tout-carousel-button-next {
    background-image: none;
    width: auto;
    opacity: 0;
    height: 100%;
    margin-top: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .tout-carousel-button-prev:before, .tout-carousel-button-next:before {
        font-family: "standard-icon";
        font-size: 263%;
        font-size: 2.625rem;
    }

    .tout-carousel-button-prev:before {
        content: "\f119";
    }

    .tout-carousel-button-next:before {
        content: "\f11A";
    }

.tout-carousel__item:nth-child(1) {
    top: 10px;
    transition: all 0.35s ease-in-out 100ms;
}

.tout-carousel__item:nth-child(2) {
    top: 20px;
    transition: all 0.35s ease-in-out 200ms;
}

.tout-carousel__item:nth-child(3) {
    top: 30px;
    transition: all 0.35s ease-in-out 300ms;
}

.tout-carousel__item:nth-child(4) {
    top: 40px;
    transition: all 0.35s ease-in-out 400ms;
}

.tout-carousel__item:nth-child(5) {
    top: 50px;
    transition: all 0.35s ease-in-out 500ms;
}

.tout-carousel__item:nth-child(6) {
    top: 60px;
    transition: all 0.35s ease-in-out 600ms;
}

.tout-carousel__item:nth-child(7) {
    top: 70px;
    transition: all 0.35s ease-in-out 700ms;
}

.tout-carousel__item:nth-child(8) {
    top: 80px;
    transition: all 0.35s ease-in-out 800ms;
}

.tout-carousel__item:nth-child(9) {
    top: 90px;
    transition: all 0.35s ease-in-out 900ms;
}

.tout-carousel__item:nth-child(10) {
    top: 100px;
    transition: all 0.35s ease-in-out 1000ms;
}

.tout-carousel__item:nth-child(11) {
    top: 110px;
    transition: all 0.35s ease-in-out 1100ms;
}

.tout-carousel__item:nth-child(12) {
    top: 120px;
    transition: all 0.35s ease-in-out 1200ms;
}

.tout-carousel__item:nth-child(13) {
    top: 130px;
    transition: all 0.35s ease-in-out 1300ms;
}

.tout-carousel__item:nth-child(14) {
    top: 140px;
    transition: all 0.35s ease-in-out 1400ms;
}

.tout-carousel__item:nth-child(15) {
    top: 150px;
    transition: all 0.35s ease-in-out 1500ms;
}

.tout-carousel__item:nth-child(16) {
    top: 160px;
    transition: all 0.35s ease-in-out 1600ms;
}

.tout-carousel__item:nth-child(17) {
    top: 170px;
    transition: all 0.35s ease-in-out 1700ms;
}

.tout-carousel__item:nth-child(18) {
    top: 180px;
    transition: all 0.35s ease-in-out 1800ms;
}

.tout-carousel__item:nth-child(19) {
    top: 190px;
    transition: all 0.35s ease-in-out 1900ms;
}

.tout-carousel__item:nth-child(20) {
    top: 200px;
    transition: all 0.35s ease-in-out 2000ms;
}

@media (max-width: 959px) {
    .tout-carousel__tabs-content

{
    margin: 50px auto 0 auto;
}

}

-webkit-keyframes fadein {
    0%

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

keyframes fadein {
    0%

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

-webkit-keyframes fadeout {
    0%

{
    opacity: 1;
}

50% {
    opacity: 0.5;
}

100% {
    opacity: 0;
}

}

keyframes fadeout {
    0%

{
    opacity: 1;
}

50% {
    opacity: 0.5;
}

100% {
    opacity: 0;
}

}

-webkit-keyframes opacityChange {
    from

{
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

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

}

keyframes opacityChange {
    from

{
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

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

}

.vehicle-selection {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: left;
    padding: 20px 0;
    background: transparent;
    overflow: hidden;
}

.vehicle-selection--animated .vehicle-selection__article {
    opacity: 0;
    -webkit-animation: opacityChange 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: opacityChange 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .vehicle-selection--animated .vehicle-selection__article:nth-child(1) {
        -webkit-animation-delay: 100ms;
        animation-delay: 100ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(2) {
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(3) {
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(4) {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(5) {
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(6) {
        -webkit-animation-delay: 600ms;
        animation-delay: 600ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(7) {
        -webkit-animation-delay: 700ms;
        animation-delay: 700ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(8) {
        -webkit-animation-delay: 800ms;
        animation-delay: 800ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(9) {
        -webkit-animation-delay: 900ms;
        animation-delay: 900ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(10) {
        -webkit-animation-delay: 1000ms;
        animation-delay: 1000ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(11) {
        -webkit-animation-delay: 1100ms;
        animation-delay: 1100ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(12) {
        -webkit-animation-delay: 1200ms;
        animation-delay: 1200ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(13) {
        -webkit-animation-delay: 1300ms;
        animation-delay: 1300ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(14) {
        -webkit-animation-delay: 1400ms;
        animation-delay: 1400ms;
    }

    .vehicle-selection--animated .vehicle-selection__article:nth-child(15) {
        -webkit-animation-delay: 1500ms;
        animation-delay: 1500ms;
    }

.vehicle-selection__article {
    margin-bottom: 20px;
    width: 33.333333%;
}

.vehicle-selection__item-disabled {
    opacity: 0.5;
}

.vehicle-selection__item-link {
    text-decoration: none;
    display: block;
    margin: 0 20px 20px;
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s;
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 0.2s;
    transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 0.2s, -webkit-transform 0.2s;
    transition-delay: 100ms;
}

@media (max-width: 767px) {
    .vehicle-selection__item-link

{
    margin: 0 auto;
}

}

.vehicle-selection__image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.vehicle-selection__news {
    font-size: 75%;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #910a2d;
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.vehicle-selection__title {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    line-height: 1;
    margin-bottom: 5px;
    color: #101010;
}

.vehicle-selection__copy {
    font-size: 82%;
    font-size: 0.8125rem;
    color: #999999;
}

@media (min-width: 1200px) {
    .vehicle-selection:hover .vehicle-selection__item-link

{
    opacity: 0.5;
}

.vehicle-selection:hover .vehicle-selection__item-link:hover {
    opacity: 1;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

}

@media (min-width: 768px) and (max-width: 1199px) {
    .vehicle-selection__article

{
    width: 50%;
}

}

@media (max-width: 767px) {
    .vehicle-selection

{
    /*flex-direction: column;*/
}

.vehicle-selection__article {
    width: 100%;
}

}

@media (min-width: 768px) {
    .vehicle-selection__image

{
    max-width: 400px;
}

}

.wysiwyg__inner {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 40px 0;
}

.wysiwyg h1 {
    font-size: 1.5625rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.wysiwyg h2 {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin: 0 0 20px;
}

.wysiwyg h3 {
    font-size: 1.125rem;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 38px;
    margin-top: 60px;
    text-align: center;
    text-align: left;
    margin: 0 0 20px;
}

.wysiwyg img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
}

.wysiwyg sup {
    vertical-align: super;
    font-size: 75%;
    font-size: 0.75rem;
}

.wysiwyg strong {
    font-weight: 700;
}

.wysiwyg a {
    color: #999999;
    text-decoration: none;
}

    .wysiwyg a.primary-dark {
        color: #ffffff;
    }

        .wysiwyg a.primary-dark:hover {
            color: #ffffff;
        }

    .wysiwyg a:hover, .wysiwyg a:active {
        color: #101010;
    }

.wysiwyg p {
    margin: 0 0 20px 0;
}

    .wysiwyg p:last-child {
        margin: 0;
    }

.wysiwyg ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 15px;
}

.wysiwyg ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin-left: 15px;
}

    .wysiwyg ul ul,
    .wysiwyg ol ul {
        list-style-type: circle;
        list-style-position: inside;
        margin-left: 15px;
    }

        .wysiwyg ul ul ul,
        .wysiwyg ol ul ul {
            list-style-type: square;
            list-style-position: inside;
            margin-left: 15px;
        }

    .wysiwyg ol ol,
    .wysiwyg ul ol {
        list-style-type: decimal;
        list-style-position: inside;
        margin-left: 15px;
    }

.wysiwyg li {
    line-height: 1.75;
    font-weight: 400;
}

@media (max-width: 959px) {
    .wysiwyg

{
    padding: 40px 20px;
}

}
/*# sourceMappingURL=master.css.map */
#price-all {
    margin: 3% 0
}

    #price-all .col-car {
        width: 100%;
        margin-bottom: 50px;
        float: left;
    }

    #price-all .col-subcar {
        border-bottom: solid 1px #cecdcd;
        padding: 15px 0
    }

        #price-all .col-subcar .col-md-3 {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }

.clear {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

#download-brochure .vehicle-selection__title {
    font-size: 0.9375rem !important;
}

@media screen and (max-width: 768px) {
    #price-all .col-md-3

{
    width: 100%;
    float: left;
}

#price-all .col-md-2 {
    width: 100%;
    float: left
}

#price-all .col-md-7 {
    width: 100%;
    float: left
}

#price-all .price-table {
    overflow-x: scroll
}

#price-all .col-subcar .col-md-3:first-child {
    width: 100%;
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
}

#price-all .col-subcar .col-md-3:last-child {
    width: 100%;
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
}

#price-all .col-subcar .col-md-3 {
    width: 50%;
    padding: 5px;
}

}

/*-----------------------------------------------------------------------------------------*/
.footer {
    height: auto;
    position: relative;
    font-size: 1rem;
    line-height: 1.3rem;
}

.footer__p {
}

.footer__row {
    margin: 10px 0;
}

.footer__social-row {
    margin-top: 30px;
}

.footer__register-input {
    width: 80%;
    height: 2rem;
    font-size: 1.2rem;
    background-color: #000;
    outline: none;
    border: none;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
}

.footer__register-button {
    background-color: #fff;
    padding: 5px 20px;
    font-size: 1.2rem;
    border-radius: 2px;
}

.footer__row .quick__link {
    text-decoration: none;
}

    .footer__row .quick__link:hover {
        font-weight: bold;
    }

.license-img {
    width: 150px;
}

a.quick__link {
    color: #999999;
}

.main-component {
    width: calc(100%/3);
}

.sub-component {
    width: calc(200%/9);
}

.footer-logo {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    padding: 0 20px;
}

.footer__logo {
    width: auto;
    height: 50px;
    object-fit: contain;
    font-size: 12px;
    object-position: center;
}

.footer__component .social-link {
    color: #fff;
    text-decoration: none;
}

    .footer__component .social-link .social-img {
        width: 13%;
        margin: 0 3% 0 0;
        border-radius: 50%;
    }

.footer__p {
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

span.footer__p.p_title {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

@media only screen and (max-width: 959px) {
    .footer-logo .footer__logo

{
    width: 10%;
}

.footer-wrapper .footer__component {
    padding: 0px;
}

}

@media only screen and (max-width: 500px) {
    .footer-wrapper

{
    width: 100%;
}

.footer-logo .footer__logo {
    width: 25%;
}

.main-component, .sub-component {
    width: 100%;
}

}

.full-row {
    width: 100% !important;
    padding: 0 10px;
}

@media (max-width: 767px) {
    .full-row

{
    width: 100% !important;
    padding: 0 10px;
}

}

button.checkbox-component {
    margin: 0;
    padding-top: 0px;
}


/*css for list vehicle*/
.image-text__overview {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 5px 0px 5px;
}

.article__overview-2 {
    width: calc(100%/2);
    padding: 0 5px;
}

.article__overview-3 {
    width: calc(100%/3);
    padding: 0 5px;
}

.article__overview-4 {
    width: calc(100%/4);
    padding: 0 5px;
}

.article__overview-5 {
    width: calc(100%/5);
    padding: 0 5px;
}

.article__overview-6 {
    width: calc(100%/6);
    padding: 0 5px;
}

.image-text__link-overview {
    text-align: center;
    text-decoration: none;
    display: block;
}

.image-text__img-container-overview {
    overflow: hidden;
    height: 419px;
    position: relative;
}

.image-text__img-wrapper-overview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: none;
    background-size: cover;
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.image-text__link-overview:hover .image-text__img-wrapper-overview {
    -webkit-transform: scale(1.07) translateZ(0);
    transform: scale(1.07) translateZ(0);
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.image-text__link-overview:last-child .image-text__content-overview:after {
    display: none;
}

.image-text__content-overview {
    position: relative;
    padding: 35px 20px;
}

    .image-text__content-overview:after {
        background-color: #e7e7e7;
        content: "";
        display: block;
        height: 80%;
        width: 1px;
        top: 50%;
        position: absolute;
        right: -11px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.image-text__title-overview {
    font-size: 0.9375rem;
    line-height: 1.54;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: #101010;
}

.image-text__copy-overview {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-weight: 400;
    color: #999999;
}

.image-text--light-overview .image-text__title-overview,
.image-text--light-overview .image-text__copy-overview {
    color: #ffffff;
}

@media (max-width: 959px) {
    .article__overview-2

{
    width: calc(100%/2);
}

.article__overview-3 {
    width: calc(100%/2);
}

.article__overview-4 {
    width: calc(100%/2);
}

.article__overview-5 {
    width: calc(100%/2);
}

.article__overview-6 {
    width: calc(100%/2);
}

.image-text-overview article {
    width: 100%;
    margin: 0;
}


.image-text__img-container-overview {
    height: 300px;
}

.image-text__content-overview:after {
    display: none;
}

}

@media (max-width: 600px) {
    .article__overview-2

{
    width: 100%;
}

.article__overview-3 {
    width: 100%;
}

.article__overview-4 {
    width: 100%;
}

.article__overview-5 {
    width: 100%;
}

.article__overview-6 {
    width: 100%;
}

}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-facebook div {
        display: inline-block;
        position: absolute;
        left: 8px;
        width: 16px;
        background: #000;
        animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    }

        .lds-facebook div:nth-child(1) {
            left: 8px;
            animation-delay: -0.24s;
        }

        .lds-facebook div:nth-child(2) {
            left: 32px;
            animation-delay: -0.12s;
        }

        .lds-facebook div:nth-child(3) {
            left: 56px;
            animation-delay: 0;
        }

keyframes lds-facebook {
    0%

{
    top: 8px;
    height: 64px;
}

50%, 100% {
    top: 24px;
    height: 32px;
}

}


td.prop-title {
}

td.prop-value {
    display: none;
}

a:hover {
    text-decoration: none;
}

.hero__banner-mobile {
    display: none;
}

.hero__banner {
    width: 100%;
    height: auto;
}

@media (max-width: 500px) {
    .hero__banner-desktop

{
    display: none;
}

.hero__banner-mobile {
    display: initial;
}

}

keyframes fadein {
    from

{
    opacity: 0;
}

to {
    opacity: 1;
}

}

/* Firefox < 16 */
-moz-keyframes fadein {
    from

{
    opacity: 0;
}

to {
    opacity: 1;
}

}

/* Safari, Chrome and Opera > 12.1 */
-webkit-keyframes fadein {
    from

{
    opacity: 0;
}

to {
    opacity: 1;
}

}

/* Internet Explorer */
-ms-keyframes fadein {
    from

{
    opacity: 0;
}

to {
    opacity: 1;
}

}

/* Opera < 12.1 */
-o-keyframes fadein {
    from

{
    opacity: 0;
}

to {
    opacity: 1;
}

}


.header-global .header-global__logo-link .header__logo-p {
    padding: 10px;
    font-weight: 700;
    display: initial;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.header-global__inner-wrapper__right .header__logo-p-mobile {
    font-weight: 700;
    color: #d5d5d5;
    display: none;
    text-transform: uppercase;
}

@media (max-width: 500px) {
    .header-global .header-global__logo-link .header__logo-p

{
    display: none;
}

.header-global__inner-wrapper__right .header__logo-p-mobile {
    display: initial;
}

}

.unstyled {
    -webkit-appearance: none;
    cursor: pointer;
}

    .unstyled::-webkit-inner-spin-button {
        display: none;
        -webkit-appearance: none;
    }

    .unstyled::-webkit-calendar-picker-indicator {
        width: 100%;
        background-color: transparent;
        color: transparent;
        position: absolute;
        opacity: 0;
    }

.footer__qr_code {
    width: 35%;
}

.footer__link-download {
    width: 60%;
    margin: 0 0 0 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.p-bottom-20px {
    padding-bottom: 20px;
}

.p-top-15px {
    padding-top: 15px;
}

.border-top {
    border-top: 1px solid #999999;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.option-true {
    margin: auto;
    background-image: url(/images/true.png);
    width: 30px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
}

.option-false {
    margin: auto;
    background-image: url(/images/false.png);
    width: 30px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}


.gallery__images > .gallery__article {
    height: 300px;
}

.modal__copy__content > p {
    text-align: justify;
}

@media (max-width: 426px) {
    .listBtnBottom

{
    display: flex !important;
}

}

.find-a-dealer__use-radius {
    width: 40% !important;
}
/*!
     * Font Awesome Free 5.13.0 by fontawesome - https://fontawesome.com
     * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
     */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-webkit-keyframes fa-spin {
    0%

{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

keyframes fa-spin {
    0%

{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

}

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

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

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

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

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

.fa-inverse {
    color: #fff;
}


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

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

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/webfonts/fa-brands-400.eot);
    src: url(/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/webfonts/fa-brands-400.woff2) format("woff2"), url(/webfonts/fa-brands-400.woff) format("woff"), url(/webfonts/fa-brands-400.ttf) format("truetype"), url(/webfonts/fa-brands-400.svg#fontawesome) format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/webfonts/fa-regular-400.eot);
    src: url(/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/webfonts/fa-regular-400.woff2) format("woff2"), url(/webfonts/fa-regular-400.woff) format("woff"), url(/webfonts/fa-regular-400.ttf) format("truetype"), url(/webfonts/fa-regular-400.svg#fontawesome) format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/webfonts/fa-solid-900.eot);
    src: url(/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/webfonts/fa-solid-900.woff2) format("woff2"), url(/webfonts/fa-solid-900.woff) format("woff"), url(/webfonts/fa-solid-900.ttf) format("truetype"), url(/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.menu-list {
    transform: translateX(calc(100% - 1.5rem - 20px));
    position: fixed;
    top: 30%;
    right: 0px;
    z-index: 999999;
    text-align: center;
}

    .menu-list .icon-menu {
        text-align: left;
        min-width: 3rem;
        padding: 10px 10px 10px 15px;
        background-color: #fff;
        box-shadow: inset 0px 0px 1px 1px rgba(192,192,192,0.3);
        /*transform: translateX(calc(100% - 1.5rem - 20px));*/
        cursor: pointer;
    }

.icon-bar {
    /*transform: translateX(calc(100% - 1.5rem - 20px));*/
    /*position: fixed;
        top: 30%;
        right: 0px;
        z-index: 999;
        text-align: center;
        transition: all 0.5s ease 0s;*/
}


    .icon-bar .icon-item {
        min-width: 3rem;
        display: table;
        margin-right: auto;
        cursor: pointer;
        font-size: 1rem;
        background-color: #fff;
        padding: 10px 10px 10px 0px;
        box-shadow: inset 0px 0px 1px 1px rgba(192,192,192,0.3);
        /*transform: translateX(calc(100% - 1.5rem - 20px));*/
        transition: all 0.5s ease 0s;
    }

        .icon-bar .icon-item a {
            text-decoration: none;
            color: #000;
        }

.icon-item .icon i {
    width: 1.5rem;
    margin-right: 10px;
    margin-left: 10px;
}

.icon-bar .icon-item:hover {
    /*transform: translateX(0);*/
    transform: translateX(calc(-100% + 1.5rem + 20px));
}

    .icon-bar .icon-item:hover a {
        color: #ff0000;
    }

.hide__list-button {
    display: none !important;
}

.mySlides {
    display: none;
    height: 100%;
}

.mySlidesMobile {
    display: none;
    height: 100%;
}

img {
    vertical-align: middle;
}

.slide-desktop {
}

.slide-mobile {
    display: none;
}
/* Slideshow container */
.slideshow-container {
    height: 800px;
    position: relative;
    margin: auto;
}

.slideshow-container-mobile {
    height: 400px;
    position: relative;
    margin: auto;
}

.slide-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* Next & previous buttons */
.prev, .next, .prev-mobile, .next-mobile {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 10px;
    margin-top: -22px;
    color: #fff;
    font-size: 40px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
/* Position the "next button" to the right */
.prev, .prev-mobile {
    left: 10px;
    border-radius: 0 3px 3px 0;
}

.next, .next-mobile {
    right: 10px;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
a.prev:hover, a.next:hover, a.prev-mobile, a.next-mobile {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


a.next, a.prev, a.prev-mobile, a.next-mobile {
    color: #fff;
}

.dot-group, .dot-group-mobile {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
}

/* Caption text */
/*  .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
    } */

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot, .dot-mobile {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active-slide {
    -webkit-animation-name: zoom-in;
    -webkit-animation-duration: 0.2s;
    animation-name: zoom-in;
    animation-duration: 0.2s;
    background-color: transparent;
    border: 3px solid #fff;
    height: 20px;
    width: 20px;
    margin-bottom: -5px;
}

.dot:hover {
}
/* Fading animation */
.fade-slide {
    -webkit-animation-name: fade-slide;
    -webkit-animation-duration: 2.5s;
    animation-name: fade-slide;
    animation-duration: 2.5s;
}

-webkit-keyframes fade-slide {
    from

{
    opacity: .4
}

to {
    opacity: 1
}

}

keyframes fade-slide {
    from

{
    opacity: .4
}

to {
    opacity: 1
}

}

-webkit-keyframes zoom-in {
    from

{
    background-color: #fff;
    height: 10px;
    width: 10px;
    margin-bottom: 0;
}

to {
    height: 20px;
    width: 20px;
    margin-bottom: -5px;
}

}

keyframes zoom-in {
    from

{
    background-color: #fff;
    height: 10px;
    width: 10px;
    margin-bottom: 0;
}

to {
    height: 20px;
    width: 20px;
    margin-bottom: -5px;
}

}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 1366px) {
    /* Slideshow container */
    .slideshow-container

{
    height: 600px;
}

}

@media only screen and (max-width: 768px) {
    /* Slideshow container */
    .slideshow-container

{
    height: 400px;
}

.prev, .next, .text {
    font-size: 25px;
}

.slide-desktop {
    display: none;
}

.slide-mobile {
    display: initial;
}

}

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

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

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

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

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

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

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

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

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

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

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

.select2-results {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.jmenu_price ul li.btn_active {
    -webkit-animation-name: zoom-in;
    -webkit-animation-duration: 0.2s;
    animation-name: zoom-in;
    animation-duration: 0.2s;
    background-color: transparent;
    border: 3px solid #fff;
    height: 20px;
    margin-bottom: -5px;
}

    .jmenu_price ul li.btn_active a {
        background: #000;
        color: #fff
    }

.j_filter > ul > li > ul {
    margin-left: -15px;
    margin-right: -15px;
}

.compare_content .item_car ul {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #F4F4F4;
    margin-top: 10px;
}

    .compare_content .item_car ul li a {
        color: #9E9E9E;
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: none;
    }

        .compare_content .item_car ul li a:hover {
            color: #101010;
        }

@media (min-width: 768px) {
    .col-md-3

{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
}

.col-md-25 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-75 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

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

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

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

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

}

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

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

@media (min-width: 576px) {
    .j_container

{
    max-width: 540px;
}

}

@media (min-width: 768px) {
    .j_container

{
    max-width: 720px;
}

}

@media (min-width: 992px) {
    .j_container

{
    max-width: 960px;
}

}

@media (min-width: 1200px) {
    .j_container

{
    max-width: 1190px;
}

}

.jimg-fluid {
    max-width: 100%;
    height: auto;
}

.bg-white {
    background: #ffffff;
}

.jcover_page {
    position: relative;
    min-height: 150px;
}

    .jcover_page img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .jcover_page .jtitle_page {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-family: "MazdaType";
        font-size: 32px;
        line-height: 38px;
        color: #ffffff;
        width: 90%;
        max-width: 600px;
        text-align: center;
    }

        .jcover_page .jtitle_page .desciption_page {
            font-size: 14px;
            line-height: 17px;
            margin-top: 10px;
            font-weight: normal;
        }

.jmenu_price {
    text-align: right;
    padding: 20px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    background: #fff;
    z-index: 9999;
}

    .jmenu_price.sticky-top {
        background: #ffffff;
        padding: 10px 0;
    }

    .jmenu_price ul {
        display: inline-block;
        list-style: none;
    }

        .jmenu_price ul li {
            display: inline-block;
        }

            .jmenu_price ul li a {
                display: block;
                text-decoration: none;
                border: 1px solid #2B2B2B;
                border-radius: 2px;
                text-transform: uppercase;
                color: #2B2B2B;
                padding: 5px 20px;
            }

            .jmenu_price ul li.active a {
                background: #2B2B2B;
                color: #ffffff;
            }

.j_filter {
    background: #F3F3F3;
    padding: 15px;
}

    .j_filter h3 {
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        cursor: pointer;
    }

        .j_filter h3 img {
            max-width: 15px;
            display: none;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .j_filter > ul > li > a {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 19px;
        text-decoration: none;
        color: #000000;
        font-family: "MazdaType";
        border-bottom: 1px solid #CDCDCD;
        padding: 10px 0;
        position: relative;
    }

        .j_filter > ul > li > a:before {
            position: absolute;
            content: "";
            right: 0;
            top: 10px;
            width: 10px;
            height: 10px;
            border: solid #000000;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .j_filter > ul > li > a.showmenu:before {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

    .j_filter > ul > li > ul {
        background: #E8E8E8;
        padding: 10px;
        display: none;
        margin-bottom: 0;
    }

        .j_filter > ul > li > ul li label {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 12px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .j_filter > ul > li > ul li:last-child label {
            margin-bottom: 0;
        }

        .j_filter > ul > li > ul li label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .j_filter > ul > li > ul li label .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #eee;
            border: 1px solid #000000;
        }

        .j_filter > ul > li > ul li label:hover input ~ .checkmark {
            background-color: #ccc;
        }

        .j_filter > ul > li > ul li label input:checked ~ .checkmark {
            background-color: #000000;
        }

        .j_filter > ul > li > ul li label .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .j_filter > ul > li > ul li label input:checked ~ .checkmark:after {
            display: block;
        }

        .j_filter > ul > li > ul li label .checkmark:after {
            left: 6px;
            top: 0px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.jlist_car h3 {
    font-family: "MazdaType";
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

    .jlist_car h3 a {
        color: #000;
        text-decoration: none;
    }

.jlist_car .item_car {
    margin-bottom: 50px;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

    .jlist_car .item_car h4 {
        font-size: 12px;
        text-transform: uppercase;
        color: #000000;
        font-weight: 700;
        padding-left: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 19px;
        height: 39px;
        line-height: 13px;
    }

    .jlist_car .item_car .price {
        font-size: 12px;
        color: #626262;
        position: absolute;
        top: 100%;
        left: 0;
    }

    .jlist_car .item_car .promotion {
        font-size: 13px;
        font-weight: 700;
    }

    .jlist_car .item_car label {
        cursor: pointer;
        position: relative;
        display: block;
    }

        .jlist_car .item_car label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .jlist_car .item_car label .checkmark {
            position: absolute;
            bottom: 18px;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #ffffff;
            border: 1px solid #000000;
        }


        .jlist_car .item_car label input ~ .checkmark:hover {
            background-color: #ccc;
        }

        .jlist_car .item_car label input:checked ~ .checkmark {
            background-color: #000000;
        }

        .jlist_car .item_car label .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

    .jlist_car .item_car input:checked ~ .checkmark:after {
        display: block;
    }

    .jlist_car .item_car .checkmark:after {
        left: 6px;
        top: 0px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .jlist_car .item_car ul {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #F4F4F4;
        margin-top: 10px;
    }

        .jlist_car .item_car ul li a {
            color: #9E9E9E;
            font-size: 10px;
            text-transform: uppercase;
            text-decoration: none;
        }

            .jlist_car .item_car ul li a:hover {
                color: #101010;
            }

.compare_content {
    padding: 50px 0 0;
}

    .compare_content h1 {
        text-align: center;
        font-size: 24px;
        line-height: 29px;
    }

    .compare_content h3 {
        padding: 5px 20px;
        font-size: 15px;
        line-height: 22px;
        color: #000000;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 15px;
        font-family: "MazdaType";
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #f4f4f4;
        cursor: pointer;
        position: relative;
    }

        .compare_content h3:before {
            position: absolute;
            content: "";
            width: 15px;
            height: 15px;
            background: url("../images/arrow_down.png") no-repeat center center /contain;
            right: 0;
            top: 10px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .compare_content .block_compare table {
        display: none;
        border-collapse: separate;
        border-spacing: 1px;
    }

    .compare_content .block_compare.showblock table {
        display: table;
    }

.compare-special.compare_content .block_compare table tr td:nth-child(even) {
    background: #dadada;
}

.compare_content .block_compare.showblock h3:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.jbtn {
    background: #EEEEEE;
    text-decoration: none;
    color: #000000;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 50px;
}

.compare_content table {
    width: 100%;
}

    .compare_content table tr:nth-child(even) {
        background: #F4F4F4;
    }

    .compare_content table tr th,
    .compare_content table tr td {
        width: 20%;
        min-width: 150px;
        text-align: center;
        padding: 5px 20px;
    }

        .compare_content table tr th:first-child,
        .compare_content table tr td:first-child {
            /*width: 40%;*/
            text-align: left;
        }

        .compare_content table tr th .item_car h4 {
            font-size: 12px;
            text-transform: uppercase;
            color: #000000;
            font-weight: 700;
            padding-left: 30px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 30px;
            height: 50px;
        }

        .compare_content table tr th .item_car .price {
            font-size: 12px;
            color: #626262;
            padding-left: 30px;
            position: absolute;
            top: 100%;
            left: 0;
        }

        .compare_content table tr th .item_car label {
            cursor: pointer;
            position: relative;
            display: block;
            text-align: left;
        }

            .compare_content table tr th .item_car label input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            .compare_content table tr th .item_car label .checkmark {
                position: absolute;
                bottom: 26px;
                left: 0;
                height: 20px;
                width: 20px;
                background-color: #ffffff;
                border: 1px solid #000000;
            }

            .compare_content table tr th .item_car label:hover input ~ .checkmark {
                background-color: #ccc;
            }

            .compare_content table tr th .item_car label input:checked ~ .checkmark {
                background-color: #000000;
            }

            .compare_content table tr th .item_car label .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        .compare_content table tr th .item_car input:checked ~ .checkmark:after {
            display: block;
        }

        .compare_content table tr th .item_car .checkmark:after {
            left: 6px;
            top: 0px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.compare_content .jcar_select {
    display: flex;
    width: 100%;
    justify-content: center;
}

    .compare_content .jcar_select .item_car {
        padding: 10px;
        width: 200px;
    }

        .compare_content .jcar_select .item_car h4 {
            font-size: 12px;
            text-transform: uppercase;
            color: #000000;
            font-weight: 700;
            text-align: center;
        }

        .compare_content .jcar_select .item_car .price {
            font-size: 12px;
            color: #626262;
            text-align: center;
        }

        .compare_content .jcar_select .item_car label {
            cursor: pointer;
            position: relative;
            display: block;
            text-align: center;
        }

            .compare_content .jcar_select .item_car label input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            .compare_content .jcar_select .item_car label .checkmark {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-color: #ffffff;
                opacity: 0.5;
            }

            .compare_content .jcar_select .item_car label:hover input ~ .checkmark {
                opacity: 0;
            }

            .compare_content .jcar_select .item_car label input:checked ~ .checkmark {
                opacity: 0;
            }

.compare_content .add_compare {
    display: flex;
    background: #F4F4F4;
    line-height: 40px;
    width: 40px;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .compare_content .add_compare img {
        max-width: 20px;
    }

.compare_content .car_preview {
    margin-top: 50px;
}

    .compare_content .car_preview h2 {
        text-align: center;
        font-weight: bold;
        font-size: 32px;
        line-height: 38px;
    }

    .compare_content .car_preview .tab_preview ul {
        text-align: center;
        margin-top: 10px;
    }

        .compare_content .car_preview .tab_preview ul li {
            display: inline-block;
            border-right: 1px solid #D5D5D5;
            padding: 0 10px;
        }

            .compare_content .car_preview .tab_preview ul li:last-child {
                border-right: 0;
            }

            .compare_content .car_preview .tab_preview ul li a {
                text-decoration: none;
                color: #D5D5D5;
            }

            .compare_content .car_preview .tab_preview ul li.active {
                background: transparent;
            }

                .compare_content .car_preview .tab_preview ul li a:hover,
                .compare_content .car_preview .tab_preview ul li.active a {
                    color: #101010;
                }

    .compare_content .car_preview .color ul {
        text-align: center;
    }

        .compare_content .car_preview .color ul li {
            display: inline-block;
            padding: 0 10px;
        }

            .compare_content .car_preview .color ul li a {
                width: 30px;
                height: 30px;
                display: block;
                border-radius: 50%;
                border: 3px solid #D5D5D5;
                position: relative;
            }

                .compare_content .car_preview .color ul li a img {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    left: 0;
                    top: 0;
                }

.compare_content #car-preview {
    width: 50%;
    margin: 0 auto;
}

.compare_content .view_3D a {
    text-decoration: none;
    color: #101010;
    font-size: 12px;
    line-height: 16px;
}

    .compare_content .view_3D a img {
        max-width: 20px;
        margin-left: 10px;
    }

.compare_content .menu_product {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-bottom: 50px;
}

    .compare_content .menu_product li {
        min-width: 150px;
        display: inline-block;
        padding: 0 5px;
    }

        .compare_content .menu_product li a {
            text-align: center;
            display: block;
            text-decoration: none;
            background: #EEEEEE;
            color: #000000;
            padding: 8px 20px;
            margin-top: 15px;
        }

            .compare_content .menu_product li a:hover,
            .compare_content .menu_product li a:focus {
                color: #EEEEEE;
                background: #000000;
            }

.popup_installment,
.popup_addcompare {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 111;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .popup_installment.showpopup,
    .popup_addcompare.showpopup {
        display: flex;
    }

    .popup_installment .overlay_area,
    .popup_addcompare .overlay_area {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }

    .popup_installment .content_area {
        background: #ffffff;
        position: relative;
        padding: 50px;
        width: 80%;
        z-index: 11;
    }

        .popup_installment .content_area h3 {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 24px;
            line-height: 33px;
        }

        .popup_installment .content_area table {
            width: 400px;
            margin: 10px auto;
        }

        .popup_installment .content_area .info_installment table {
            width: 100%;
        }

        .popup_installment .content_area table tr td:nth-child(1) {
            text-align: left;
        }

        .popup_installment .content_area table tr td:nth-child(2) {
            text-align: right;
        }

        .popup_installment .content_area table tr td {
            font-size: 14px;
        }

            .popup_installment .content_area table tr td strong {
                font-weight: bold;
                font-size: 14px;
                line-height: 19px;
            }

        .popup_installment .content_area .info_installment table tr th,
        .popup_installment .content_area .info_installment table tr td {
            text-align: center;
            border: 1px solid #9E9E9E;
            padding: 5px;
            font-size: 12px;
            line-height: 16px;
        }

        .popup_installment .content_area .info_installment table thead {
            background: #2b2b2b;
            color: white
        }

    .popup_addcompare .content_area {
        background: #ffffff;
        position: relative;
        padding: 15px;
        width: 560px;
        z-index: 11;
    }

        .popup_installment .content_area h3,
        .popup_addcompare .content_area h3 {
            font-size: 20px;
            line-height: 24px;
            text-transform: uppercase;
            color: #2B2B2B;
            text-align: center;
            margin-bottom: 15px;
        }

        .popup_installment .content_area input,
        .popup_addcompare .content_area input {
            width: 100%;
            height: 35px;
            border: 1px solid #000000;
        }

        .popup_installment .content_area h4,
        .popup_addcompare .content_area h4 {
            font-size: 16px;
            line-height: 19px;
            margin-top: 10px;
            text-transform: uppercase;
            color: #2B2B2B;
            margin-bottom: 15px;
        }

        .popup_installment .content_area .suggest ul li a,
        .popup_addcompare .content_area .suggest ul li a {
            text-decoration: none;
            color: #2B2B2B;
        }

    .popup_installment ul {
        display: block;
        text-align: center;
        padding-left: 0;
    }

        .popup_installment ul li {
            min-width: 150px;
            display: inline-block;
            padding: 0 5px;
        }

            .popup_installment ul li a {
                text-align: center;
                display: block;
                text-decoration: none;
                background: #EEEEEE;
                color: #000000;
                padding: 8px 20px;
                margin-top: 15px;
            }

                .popup_installment ul li a:hover,
                .popup_installment ul li a:focus {
                    color: #EEEEEE;
                    background: #000000;
                }

.jdetail_page {
    padding-top: 50px;
}

    .jdetail_page h1 {
        font-size: 32px;
        line-height: 38px;
        font-family: "MazdaType";
        font-weight: 700;
        text-align: center;
    }

    .jdetail_page select {
        border: 1px solid #000000;
        width: 100%;
        height: 30px;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 5px 10px;
        background: url("../images/arrow_down.png") no-repeat right 10px center / 10px auto;
    }

    .jdetail_page .mb-jdetail {
        margin-bottom: 15px;
        font-size: 14px;
    }

        .jdetail_page .mb-jdetail strong {
            font-weight: 700;
            font-size: 18px;
        }

    .jdetail_page .jtotal {
        padding-top: 10px;
        margin-top: 15px;
        border-top: 1px solid #414042;
        margin-bottom: 10px;
    }



        .jdetail_page .jtotal .mb-jdetail strong {
            font-weight: 700;
            font-size: 30px;
            line-height: 41px;
        }

        .jdetail_page .jtotal p {
            font-size: 14px;
        }

        .jdetail_page .jtotal ul {
            display: flex;
            justify-content: space-between;
            margin: 0 -5px;
        }

            .jdetail_page .jtotal ul li {
                width: 100%;
                padding: 0 5px;
            }

                .jdetail_page .jtotal ul li a {
                    text-align: center;
                    display: block;
                    text-decoration: none;
                    background: #EEEEEE;
                    color: #000000;
                    padding: 8px 20px;
                    margin-top: 15px;
                    margin-bottom: 50px;
                }

                    .jdetail_page .jtotal ul li a:hover,
                    .jdetail_page .jtotal ul li a:focus {
                        color: #EEEEEE;
                        background: #000000;
                    }

.j_filter > ul > li > ul {
    display: block;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.single_product_slider .slideshow-container {
    height: auto
}

.jmenu_price ul.view_style li {
    opacity: 0.5;
    transition: all 500ms linear;
    padding: 0px 5px;
}

    .jmenu_price ul.view_style li a {
        padding: 0px;
        border: none;
    }

    .jmenu_price ul.view_style li.tab_active, .jmenu_price ul.view_style li:hover {
        opacity: 1;
        transition: all 500ms linear;
    }

    .jmenu_price ul.view_style li a img {
        width: 35px;
        height: 35px;
    }

.jlist_car {
    display: none;
}

    .jlist_car.tab_active {
        display: block;
    }

    .jlist_car h3 {
        margin-top: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid;
        margin-bottom: 15px;
    }

    .jlist_car.tab_grid .item_car label {
        padding-top: 15px;
    }

    .jlist_car.tab_grid .item_car .price_box {
        padding-top: 10px;
    }

        .jlist_car.tab_grid .item_car .price_box .price {
            position: relative;
        }

    .jlist_car.tab_grid .item_car .grid_li {
        display: block;
        border-top: none;
        justify-content: unset;
        margin-top: 0px;
        text-align: center;
    }

        .jlist_car.tab_grid .item_car .grid_li:first-child {
            border-bottom: 1px solid #F4F4F4;
        }

        .jlist_car.tab_grid .item_car .grid_li li {
            display: block
        }


@media (max-width: 767px) {
    .jlist_car.tab_grid .item_car .grid_li

{
    display: flex;
    border-top: none;
    justify-content: space-between;
    margin-top: 0px;
    text-align: center;
}

.item_car_loop {
    margin-top: 20px;
}

.jlist_car.tab_grid .item_car .price_box {
    padding-top: 0px;
}

.jlist_car.tab_grid .image_car_load img {
    width: 100%;
}

.header-global .header-global__flyout .header-global__flyout__item {
    height: 100vh
}

.j_filter > ul > li > ul {
    display: none
}
/* .compare_content table tr th:nth-child(4), .compare_content table tr td:nth-child(4),
        .compare_content table tr th:nth-child(5), .compare_content table tr td:nth-child(5){
            display: none;
        } */
.compare_content table tr th, .compare_content table tr td {
    width: 150px;
    min-width: 150px;
    padding: 5px;
}

    .compare_content table tr th:nth-child(1), .compare_content table tr td:nth-child(1) {
        width: 30%;
    }

.jlist_car {
    margin-top: 30px;
}

.compare_content {
    overflow-x: auto;
}

.popup_installment .content_area,
.popup_addcompare .content_area {
    width: 80%;
}

.jdetail_page .jtotal .mb-jdetail strong {
    font-size: 18px;
    line-height: 23px;
}

.jdetail_page .mb-jdetail {
    margin-bottom: 0;
    margin-top: 15px;
}

.jdetail_page .jtotal {
    margin-top: 15px;
    padding-top: 10px;
}

.popup_installment .content_area {
    padding: 15px;
}

    .popup_installment .content_area table {
        width: 100%;
    }

    .popup_installment .content_area .info_installment {
        overflow: auto;
        max-height: 50vh;
    }

.popup_installment ul li {
    min-width: unset;
}

.compare_content .jcar_select {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
}

    .compare_content .jcar_select .item_car {
        width: 150px;
    }

.compare_content .car_preview h2 {
    font-size: 18px;
    line-height: 23px;
}

.compare_content #car-preview {
    width: 80%;
}

.compare_content .block_compare table {
    margin-left: 150px;
}

.compare_content .block_compare tr {
    height: 60px;
    height: 80px;
}

    .compare_content .block_compare tr td:first-child {
        position: absolute;
        left: 15px;
        top: auto;
        width: 150px;
        background: #ffffff;
        height: 80px;
    }

    .compare_content .block_compare tr:nth-of-type(2n) td:first-child {
        background: #F4F4F4;
    }

.compare_content .block_compare h3 {
    width: 750px;
    max-width: 100%;
    text-align: left;
}

}

.global__flyout_top_menu {
    background: #000;
    padding: 20px 0px 15px;
}

    .global__flyout_top_menu .custom_left_menu {
    }

    .global__flyout_top_menu .custom_right_menu {
        text-align: right;
    }

    .global__flyout_top_menu ul {
        display: inline-block;
    }

.hiddenScroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .hiddenScroll::-webkit-scrollbar {
        display: none;
        /* Chrome Safari */
    }

@media (max-width: 767px) {
    .global__flyout_top_menu ul

{
    display: flex !important;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 25px;
}

.global__flyout_top_menu ul li {
    float: left;
    white-space: nowrap;
}

}

.global__flyout_top_menu ul li {
    float: left
}

    .global__flyout_top_menu ul li a {
        color: #fff;
        text-decoration: none;
        margin-right: 20px;
        opacity: 0.8;
    }

        .global__flyout_top_menu ul li a:hover, .global__flyout_top_menu ul li.active a {
            opacity: 1;
        }

.global__flyout_top_menu .custom_right_menu a.button_lienhe {
    background: #FFFFFF;
    color: #000;
    padding: 5px 20px;
    text-decoration: none;
}

.header-global__flyout__item .vehicle-selection {
    padding-top: 0px;
}

    .header-global__flyout__item .vehicle-selection .col-md-25 {
        background: #F5F5F5;
    }

    .header-global__flyout__item .vehicle-selection .section_list {
        padding: 40px 0;
        border-bottom: 1px solid #D0CECF;
    }

    .header-global__flyout__item .vehicle-selection .item_car {
        padding: 20px 10px;
        text-align: left;
    }

        .header-global__flyout__item .vehicle-selection .item_car h4 {
            font-weight: bold;
            /*            margin-bottom: 20px;*/
            text-align: center;
        }

        .header-global__flyout__item .vehicle-selection .item_car .price {
            margin-top: 20px;
            font-size: 13px;
            color: #626262;
        }

        .header-global__flyout__item .vehicle-selection .item_car .promotion {
            font-size: 13px;
            color: #626262;
        }

        .header-global__flyout__item .vehicle-selection .item_car ul {
            display: flex;
            justify-content: space-between;
            /*            margin-top: 10px;*/
        }

            .header-global__flyout__item .vehicle-selection .item_car ul li {
            }

                .header-global__flyout__item .vehicle-selection .item_car ul li a {
                    color: #9C9C9C;
                    font-size: 12px;
                    text-decoration: none;
                    text-transform: uppercase;
                }

    .header-global__flyout__item .vehicle-selection .section_list .item_car ul li a:hover {
        color: #000
    }

    .header-global__flyout__item .vehicle-selection .col-md-25 h3 {
        margin-top: 25px;
    }


@media (max-width: 567px) {
    .header-global__flyout__item .vehicle-selection .item_car

{
    display: flex;
    flex-wrap: wrap;
}

.header-global__flyout__item .vehicle-selection .item_car h4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.header-global__flyout__item .vehicle-selection .item_car label {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.header-global__flyout__item .vehicle-selection .item_car .price_box {
    /*      flex: 0 0 50%;
                max-width: 50%;*/
    padding: 0 15px;
    width: 100%;
}

.header-global__flyout__item .vehicle-selection .item_car a {
    width: 100%;
}

.menu-mobile {
    margin-left: unset;
    margin-right: unset;
}

}

.customsleftmenuitem {
    flex: 0 0 89%;
}

.menuleftside {
    padding: 40px 0;
    justify-content: center;
}

.custom-navbar-undeline-car-type {
    position: relative;
}

    .custom-navbar-undeline-car-type:after {
        background-color: #ffffff;
        bottom: -5px;
        content: "";
        height: 2px;
        left: 0;
        opacity: 0;
        position: absolute;
        width: 98%;
        transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

li.custom-navbar-undeline-car-type.active a.custom-navbar-undeline-car-type:after {
    opacity: 1;
}

@media (max-width: 567px) {
    .iscomming

{
    margin-bottom: 40px;
}

}

@media (min-width: 768px) {
    .col-md-12-custom-5inrow

{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-5inrow-custom-item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
}

}

.info_installment_custom {
    height: 300px !important;
    overflow: auto !important;
}