:root {
    --font-family: "Montserrat",Arial,Helvetica,sans-serif;
}
a {
    color: #b92434;
}


@-ms-viewport {
    width: device-width;
}

img {
    pointer-events: none;
}

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

body {
    overflow-x: hidden;
    max-width: 100%;
}

*{
    box-sizing: inherit;
    font-family: var(--font-family);
}

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

    .row.no-neg {
        margin-right: 0;
        margin-left: 0
    }

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

    .no-gutters > .col {
        padding: 0
    }

.lr-only > .col, .col.lr-only {
    padding-top: 0;
    padding-bottom: 0
}

.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 12px 12px 24px 12px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row.g-big.no-padding {
    margin-left: -12px;
    margin-right: -12px
}

.row.g-big .col {
    padding: 12px
}

.row.p-all .col {
    padding: 12px
}

.row.g6 {
    margin-right: -6px;
    margin-left: -6px
}

    .row.g6 .col {
        padding: 6px
    }

@media all and (min-width:578px) .row.g36 .col {
    padding: 36px
}

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

.col.xl1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col.xl2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col.xl3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col.xl4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col.xl5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col.xl6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col.xl7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col.xl8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col.xl9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col.xl10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col.xl11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col.xl12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 1200px) {
    .col.lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col.lg1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col.lg2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col.lg3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col.lg4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col.lg5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col.lg6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col.lg7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col.lg8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col.lg9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col.lg10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col.lg11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col.lg12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media all and (max-width: 1050px) {
    .col.md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col.md1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col.md2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col.md3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col.md4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col.md5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col.md6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col.md7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col.md8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col.md9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col.md10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col.md11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col.md12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media all and (max-width: 768px) {
    .col.sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col.sm1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col.sm2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col.sm3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col.sm4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col.sm5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col.sm6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col.sm7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col.sm8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col.sm9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col.sm10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col.sm11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col.sm12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media all and (max-width: 700px) {
    .col.smx-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col.smx1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col.smx2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col.smx3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col.smx4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col.smx5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col.smx6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col.smx7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col.smx8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col.smx9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col.smx10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col.smx11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col.smx12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media all and (max-width: 576px) {
    .col.xs-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col.xs1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col.xs2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col.xs3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col.xs4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col.xs5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col.xs6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col.xs7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col.xs8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col.xs9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col.xs10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col.xs11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col.xs12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

input, select, textarea {
    border-radius: 0;
    background: #fff
}

* {
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, content {
    display: block
}

html, body, form {
    margin: 0;
    padding: 0;
    height: 100%;
    font: normal normal normal 15px/24px var(--font-family);
    color: #1a1a1a;
}

.cc {
    width: 100%;
    max-width: 1468px;
    margin: 0 auto 0 auto;
    padding: 0 24px;
}

    .cc.small {
        max-width: 698px;
    }

    .cc.smaller {
        max-width: 1018px;
    }

    .cc.medium {
        max-width: 1188px;
    }

    .cc.mediumer {
        max-width: 1122px;
    }

@media all and (max-width:576px) {
    .cc {
        padding: 0 12px;
    }
}

p {
    font: normal normal normal 15px/24px var(--font-family);
    color: #1a1a1a;
    margin: 0;
    padding: 0 0 24px 0;
}

.logo {
    display: block;
    float: left;
    padding-top: 24px
}

    .logo img {
        display: block;
    }
.logo img.logo-mobile{
	display:none;
}
body {
    background: #f5f5f5;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: #fff;
    z-index: 100001;
    box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
}

    header nav {
        display: block;
        position: absolute;
        top: 22px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }


@media all and (max-width:1050px) {
    header nav {
        transform: translateX(-40%);
    }
}

header nav a {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #3c3c3b;
    padding: 10px 0 10px 0;
    margin: 0 20px 0 20px;
    text-decoration: none;
    transition: 0.3s;
}

nav .ddl-holder{
display:none;
}

    header nav a.active {
        color: #b92434
    }

content {
    position: relative;
    padding-top: 80px;
    background: #f5f5f5;
    max-width: 100%;
    min-height: calc(100vh - 60px);
}

.banner-holder {
    position: relative;
    padding-top: calc(550 / 1800 * 100%);
    background: #f5f5f5
}

    .banner-holder .banners {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .banner-holder .banner {
        display: block;
        height: 100%;
        width: 100%
    }

        .banner-holder .banner img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .banner-holder .banner .banner-overlay {
            position: absolute;
            bottom: calc(15% + 58px);
            left: 0;
            right: 0;
            padding-bottom: 2%;
        }

@media all and (min-width: 1440px) {
    .banner-holder .banner .banner-overlay {
        padding-bottom: 29px;
    }
}

.banner-holder .banner .banner-overlay .banner-title, .banner-holder .banner .banner-overlay h1 {
    font-weight: normal;
    font-size: 4.16vw;
    line-height: 4.86vw;
    color: #fff;
    max-width: 660px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}

.banner-description {
    font-size: 2.08vw;
    line-height: 2.5vw;
    color: #fff;
    padding-bottom: 12px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}

@media all and (min-width: 1440px) {
    .banner-holder .banner .banner-overlay .banner-title, .banner-holder .banner .banner-overlay h1 {
        font-size: 60px;
        line-height: 70px
    }

    .banner-description {
        font-size: 30px;
        line-height: 36px;
        color: #fff;
    }
}

@media all and (max-width: 770px) {
    .banner-description {
        font-size: 16px;
        line-height: 20px;
    }
}

@media all and (max-width: 720px) {
    .banner-holder .banner .banner-overlay .banner-title, .banner-holder .banner .banner-overlay h1 {
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 12px;
    }
}

.banner-holder .banner .banner-overlay a {
    display: inline-block;
    margin-bottom: 3%;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 1.39vw;
    line-height: 2.22vw;
    color: #fff;
    border: 2px solid #b92434;
    background: #b92434;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    border-radius: 6px;
}

@media all and (min-width: 1440px) {
    .banner-holder .banner .banner-overlay a {
        font-size: 20px;
        line-height: 32px
    }
}

@media all and (max-width: 980px) {
    .banner-holder .banner .banner-overlay a {
        border-width: 3px;
        font-size: 13.5px;
        line-height: 21px;
        padding: 8px 20px
    }
}

@media all and (max-width: 720px) {
    .banner-holder .banner .banner-overlay a {
        border-width: 2px
    }
}

.cta {
    display: inline-block;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #b92434;
    background: #b92434;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    border-radius: 5px;
}

    .cta.no-bg {
        border: 1px solid #ccc;
        color: #999;
        background: none
    }

    .cta.outline {
        border: 1px solid #b92434;
        color: #1A1A1A;
        background: none
    }

hr {
    border: none;
    height: 1px;
    background: #eaeaea;
    margin: 0
}

.match-height .card {
    height: 100%
}

.card {
    background: #fff;
}

    .card .card-content {
        padding: 20px 24px
    }

        .card .card-content hr {
            margin: 0 -24px 0 -24px
        }

        .card .card-content.no-top {
            padding-top: 0;
        }

        .card .card-content h2 {
            padding: 0 0 15px 0;
            font-size:24px;
            line-height:34px;
            font-weight:normal;
            color: #1a1a1a;
            font-weight: 700;
            text-transform: none;
            margin: 0
        }

            .card .card-content h2.to-top {
                transform: translateY(-8px);
            }

        .card .card-content h3 {
            padding: 0 0 8px 0;
            margin: 0;
            font-size: 15px;
            line-height: 20px;
            color: #1a1a1a;
            font-weight: 700
        }

        .card .card-content.hours label {
            display: inline-block;
            min-width: 165px
        }

.cars {
    padding: 12px 0
}

    .cars .card {
        display: block;
        text-decoration: none;
        height: 100%;
        position: relative;
    }

    .cars .car-img {
        position: relative;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

        .cars .car-img img {
            display: block;
            width: 100%
        }

        .cars .car-img .hover-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.15);
            opacity: 0;
            transition: .3s
        }

            .cars .car-img .hover-overlay::before, .cars .car-img .hover-overlay::after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(0.3, 0.3);
                background: #fff;
                transition: .3s
            }

            .cars .car-img .hover-overlay::before {
                height: 35px;
                width: 5px
            }

            .cars .car-img .hover-overlay::after {
                height: 5px;
                width: 35px
            }

    .cars .car-content {
        padding: 18px 24px 110px 24px
    }

    .cars.detail .car-content {
        padding-bottom: 50px;
    }

    .cars .car-content h2 {
        min-height: 24px;
        padding: 0 0 14px 0;
        margin: 0;
        font-size: 20px;
        line-height: 24px;
        color: #1a1a1a;
        font-weight: normal;
        text-transform: none;
    }

        .cars .car-content h2 strong {
            display: block;
            min-height: 24px;
            padding: 0;
            margin: 0;
            font-weight: 700;
            text-transform: none
        }

.car-content h3 {
    min-height: 24px;
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: #1a1a1a;
    font-weight: 700;
    text-transform: none;
}

.car-content h4 {
    min-height: 24px;
    padding: 0 0 14px 0;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: #1a1a1a;
    font-weight: normal;
    text-transform: none;
}

.cars .car-content .main-specs {
    font-size: 15px;
    line-height: 20px;
    color: #1a1a1a;
    font-weight: 400;
    padding-bottom: 14px;
}

.cars .car-content .specs {
    font-size: 15px;
    line-height: 20px;
    color: #1a1a1a;
    font-weight: 300;
}

    .cars .car-content .specs span::before {
        content: ".";
        display: inline-block;
        padding: 0 3px;
        font-weight: 600;
        transform: translateY(-3px);
    }

    .cars .car-content .specs span:first-child::before, .cars .car-content .specs span:last-child::before {
        display: none;
    }

    .cars .car-content .specs span.co2 {
        display: block;
    }


.cars .car-price, .cars.detail .car-price {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    padding: 4px 0px 16px 0px;
    font-weight: 700;
    color: #444;
    font-size: 15px;
    line-height: 30px
}

.cars.detail .car-price {
    bottom: 0
}

.cars .car-price em {
    font-size: 13px;
    font-style: normal;
    font-weight: normal
}

.cars .car-cta {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 15px;
    font-weight: 600;
    color: #b92434;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    transition: .3s;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.select2-container {
    font-size: 14px
}

    .select2-container .select2-selection--single {
        height: 45px;
        border-color: #e2e2e2;
        border-radius: 0
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 43px
        }

        .select2-container .select2-selection--single .select2-selection__arrow {
            height: 43px;
            width: 28px;
        }

            .select2-container .select2-selection--single .select2-selection__arrow b {
                border: none;
                width: 100%;
                left: 0;
                margin-top: -9px;
                text-align: left !important;
                margin-left: 0;
            }

                .select2-container .select2-selection--single .select2-selection__arrow b::after {
                    font-family: "Font Awesome 5 Pro";
                    content: "\f107";
                    color: #777;
                    font-weight: 900;
                    font-size: 16px;
                    line-height: 20px
                }

    .select2-container.select2-container--disabled .select2-selection--single {
        background: #fff
    }

        .select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
            color: #ccc
        }

    .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b::after {
        content: "\f106"
    }

.search {
    background: #f7f7f7;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
}

    .search::after {
        content: '';
        display: block;
        float: none;
        clear: both;
        height: 0
    }

    .search .cc {
        padding: 5px 0 5px 0;
        position: relative
    }

    .search.on .cc {
        padding: 5px 60px 5px 0;
        position: relative
    }

    .search .cc::after {
        content: '';
        display: block;
        float: none;
        clear: both;
        height: 0
    }

    .search .search-col {
        width: 16.66%;
        float: left;
        padding: 10px
    }

        .search .search-col .col-half {
            width: 50%;
            float: left
        }

            .search .search-col .col-half:first-child .select2-container .select2-selection--single {
                border-right-color: #fff
            }

        .search .search-col select {
            width: 100%;
            height: 45px;
            border: 1px solid #e2e2e2
        }

    .search .search-btns {
        position: absolute;
        top: 5px;
        right: 0;
        padding: 10px
    }

        .search .search-btns::after {
            content: '';
            display: block;
            float: none;
            clear: both;
            height: 0
        }

        .search .search-btns a {
            display: none;
            float: left;
            width: 50px;
            height: 45px;
            text-align: center;
            background: #b92434;
            color: #fff;
            line-height: 45px;
            font-size: 16px;
            text-decoration: none
        }

            .search .search-btns a.reset {
                background: #d6d6d6;
                color: #666
            }

            .search .search-btns a span {
                display: none
            }

    .search.on .search-btns a.reset {
        display: block;
    }

.select2-dropdown {
    border-radius: 0
}

h1, h2.big {
    padding-top: 42px;
    padding-bottom: 32px;
    margin: 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    position: relative;
    color: #1a1a1a;
}


    h1.lh-fixed {
        line-height: 40px;
    }

    h1 + div.cars {
        margin-top: -10px
    }

h2 {
    margin: 0;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #1a1a1a;
}

.large-headers h2 {
    font-size: 40px;
    line-height: 52px;
}

h3 {
    margin: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #1a1a1a;
}

.tc {
    text-align: center;
}

.card-spacer {
    padding-top: 20px
}

.picture-viewer {
    position: relative;
    overflow: hidden;
}

    .picture-viewer .img img {
        display: block;
        width: 100%;
    }

    .picture-viewer .img.hidden {
        display: none;
    }

    .picture-viewer .img-overlay {
        position: absolute;
        top: 16px;
        right: 16px;
    }

        .picture-viewer .img-overlay::before {
            content: '\f320';
            font-family: 'Font Awesome 5 Pro';
            font-size: 50px;
            line-height: 50px;
            font-weight: 200;
            color: #fff;
            text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        }

        .picture-viewer .img-overlay em {
            display: block;
            position: absolute;
            top: 2px;
            font-size:16px;
            line-height:50px;
            font-weight:500;
            color: #fff;
            text-align: center;
            left: 0;
            right: 0;
            text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        }

.carpass-holder {
    position: relative;
    display: inline-block;
    padding: 6px 28px 0px 0
}

    .carpass-holder a {
        text-decoration: none
    }

        .carpass-holder a img {
            display: block;
            max-width: 100%
        }

        .carpass-holder a.info {
            display: block;
            position: absolute;
            top: -16px;
            right: 18px
        }

            .carpass-holder a.info i {
                color: #ccc;
                transition: 0.3s;
                font-size: 12px;
                line-height: 12px
            }

.carpass-popup {
    position: absolute;
    display: none;
    top: -7px;
    right: 3px;
    background: #fff;
    padding: 20px;
    border-radius: 0px;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    width: 320px;
    box-sizing: border-box;
    z-index: 100;
    text-transform: none;
}

    .carpass-popup img {
        margin-bottom: 20px
    }

    .carpass-popup .close {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #777;
        font-size: 16px;
        top: 2px;
        right: 2px
    }

    .carpass-popup p {
        line-height: 18px;
        font-size: 13px;
        color: #1a1a1a;
    }

    .carpass-popup a.close i {
        line-height: 30px;
        color: #777;
        font-size: 16px
    }

    .carpass-popup a.carpass-btn {
        display: inline-block;
        padding: 8px 15px 8px 15px;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        background: #07ae4d;
        color: #fff;
        text-transform: uppercase
    }

.pull-right {
    float: right
}

.detail .car-price {
    padding: 24px;
    padding-bottom: 0;
}

    .detail .car-price::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    .detail .car-price .price {
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
        color: #26b354;
        float: left;
        width: 50%;
    }

        .detail .car-price .price.right {
            padding-left: 30px;
        }

        .detail .car-price .price strong {
            font-size: 30px;
            line-height: 40px;
            font-weight: bold;
            padding-right: 0px;
            display: block;
        }

.detail .specs-row {
    border-top: 1px solid #eaeaea;
    padding: 10px 0 10px 24px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

    .detail .specs-row:last-child {
        border-bottom: 1px solid #eaeaea;
    }

    .detail .specs-row::after {
        content: '';
        display: block;
        float: none;
        clear: both;
        height: 0
    }

    .detail .specs-row label, .detail .specs-row span {
        display: block;
        float: left;
        min-height: 24px;
    }

    .detail .specs-row label {
        width: 31%;
        color: #666;
        font-weight: 400;
    }

    .detail .specs-row span {
        width: 69%
    }

.actions.card {
    background: none
}

.actions::after {
    content: '';
    display: block;
    float: none;
    clear: both;
    height: 0
}

.actions.small-btns {
    position: relative;
    padding: 14px;
    padding-top: 0;
}

.actions .action {
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
}

    .actions .action a {
        display: block;
        text-align: center;
        background: #b92434;
        border: 1px solid #b92434;
        border-radius: 5px;
        padding: 9px;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
        text-transform: uppercase;
        transition: .3s
    }

        .actions .action a.primary {
            border-color: #5D5D5D;
            background: #5D5D5D;
        }


.popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100002;
    overflow: auto;
    background: rgba(0,0,0,0.1)
}

    .popup-overlay .popup {
        position: relative;
        background: #fff;
        max-width: 420px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0px;
        box-shadow: none
    }

        .popup-overlay .popup.large {
            max-width: 560px
        }

        .popup-overlay .popup .popup-header {
            padding: 17px 20px 17px 20px;
            background: #f9f9f9;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px
        }

        .popup-overlay .popup .popup-title {
            display: block;
            font-size: 26px;
            line-height: 34px;
            text-transform: none;
            padding: 0;
            margin: 0;
            color: #1a1a1a;
        }

        .popup-overlay .popup .close {
            display: block;
            position: absolute;
            top: 15px;
            right: 10px;
            height: 30px;
            line-height: 30px;
            width: 32px;
            text-align: center;
            transition: 0.3s;
            color: #666
        }

        .popup-overlay .popup .msgError {
            color: #ff0000;
            padding-bottom: 10px
        }

        .popup-overlay .popup .popup-body {
            padding: 18px 20px
        }

        .popup-overlay .popup .popup-footer {
            background: #f9f9f9;
            padding: 15px 20px 20px 20px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px
        }

            .popup-overlay .popup .popup-footer::after {
                content: '';
                display: block;
                float: none;
                clear: both;
                height: 0
            }

            .popup-overlay .popup .popup-footer .cta {
                float: left
            }

                .popup-overlay .popup .popup-footer .cta.no-bg {
                    float: right
                }

            .popup-overlay .popup .popup-footer .note {
                display: block;
                font-size: 12px;
                font-style: italic;
                line-height: 20px;
                color: #777;
                padding-bottom: 27px
            }

                .popup-overlay .popup .popup-footer .note a {
                    color: #777
                }

    .popup-overlay .copy-confirm {
        display: none;
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 3px;
        background: rgba(0,0,0,0.7);
        height: 41px;
        font-size: 16px;
        line-height: 41px;
        color: #fff;
        padding: 0 15px 0 15px;
        border-radius: 3px;
        text-align: center;
        right: 50px
    }

.input-group, .form.read-only .edit-sub-form .input-group {
    background: #fff;
    position: relative;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 22px;
}

    .input-group label, .form.read-only .edit-sub-form .input-group label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 4px;
        margin-left: 0;
        padding: 0 0 0 12px;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        pointer-events: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        transition: all 0.2s ease-out;
        font-size: 11px;
        line-height: 17px;
    }

    .input-group input, .input-group select, .input-group textarea, .form.read-only .edit-sub-form .input-group input, .form.read-only .edit-sub-form .input-group select, .form.read-only .edit-sub-form .input-group textarea {
        background: none;
        border: none;
        background-clip: padding-box;
        border-radius: 5px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 13px 12px;
        word-break: normal;
        line-height: inherit;
        transition: all 0.2s ease-out;
        color: #222;
        font-size: 14px;
        line-height: 20px;
        font-family: var(--font-family);
    }

    .input-group.error, .form.read-only .edit-sub-form .input-group.error {
        border-color: #ff0000;
    }

        .input-group.error label, .form.read-only .edit-sub-form .input-group.error label {
            color: #ff0000;
        }

    .input-group.notempty label, .form.read-only .edit-sub-form .input-group.notempty label {
        transform: none;
        opacity: 0.8;
    }

    .input-group.notempty input, .input-group.notempty textarea, .form.read-only .edit-sub-form .input-group.notempty input, .form.read-only .edit-sub-form .input-group.notempty textarea {
        padding: 18px 12px 8px 12px;
    }

    .input-group.notempty .select2-container .select2-selection--single .select2-selection__clear, .form.read-only .edit-sub-form .input-group.notempty .select2-container .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: normal;
        padding-right: 40px;
        line-height: 22px;
        margin-top: -7px;
        color: #1a1a1a;
    }

    .input-group.notempty .select2-container .select2-selection--single .select2-selection__rendered, .form.read-only .edit-sub-form .input-group.notempty .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 18px 12px 8px 12px;
    }

    .input-group .select2-container--default .select2-selection, .form.read-only .edit-sub-form .input-group .select2-container--default .select2-selection {
        border: none;
        padding: 0;
        height: auto;
        line-height: 20px;
        border-radius: 4px;
    }

        .input-group .select2-container--default .select2-selection .select2-selection__rendered, .form.read-only .edit-sub-form .input-group .select2-container--default .select2-selection .select2-selection__rendered {
            min-height: 46px;
            padding: 13px 12px;
            font-size: 14px;
            line-height: 20px;
            color: #222;
            font-family: var(--font-family);
        }

        .input-group .select2-container--default .select2-selection .select2-selection__arrow, .form.read-only .edit-sub-form .input-group .select2-container--default .select2-selection .select2-selection__arrow {
            position: absolute;
            top: 7px;
            right: 1px;
            height: auto;
            bottom: 7px;
            width: 40px;
            border-left: 1px solid #ddd;
        }

    .input-group .select2-container .select2-selection--single .select2-selection__arrow b {
        text-align: center !important;
    }

    .input-group.phone, .form.read-only .edit-sub-form .input-group.phone {
        padding-left: 54px;
        position: relative;
    }

        .input-group.phone .input-part, .form.read-only .edit-sub-form .input-group.phone .input-part {
            position: absolute;
            top: 0;
            left: 0;
        }

        .input-group.phone label, .form.read-only .edit-sub-form .input-group.phone label {
            left: 54px;
            padding-left: 6px;
        }

        .input-group.phone input, .form.read-only .edit-sub-form .input-group.phone input {
            padding-left: 6px;
        }

        .input-group.phone .select2-container--default .select2-selection .select2-selection__rendered, .form.read-only .edit-sub-form .input-group.phone .select2-container--default .select2-selection .select2-selection__rendered {
            padding: 13px 12px !important;
        }

        .input-group.phone .select2-container--default .select2-selection .select2-selection__arrow, .form.read-only .edit-sub-form .input-group.phone .select2-container--default .select2-selection .select2-selection__arrow {
            width: 14px;
            border-left: none;
        }

    .input-group::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    .input-group .input-half {
        width: 50%;
        float: left;
        position: relative;
    }

        .input-group .input-half:first-child {
            border-right: 1px solid #ddd;
        }

    .input-group .suffix {
        position: absolute;
        top: 7px;
        right: 1px;
        height: auto;
        bottom: 7px;
        width: 40px;
        border-left: 1px solid #ddd;
        line-height: 32px;
        text-align: center;
        font-size: 13px;
        color: #999;
    }

        .input-group .suffix.dynamic {
            width: auto;
            padding: 0 10px;
        }

.input-chk {
    position: relative;
    padding-bottom: 7px;
}

    .input-chk input {
        display: none;
    }

    .input-chk label {
        position: relative;
        display: block;
        padding-left: 25px;
        font-size: 14px;
        line-height: 25px;
        color: #222;
    }

        .input-chk label strong {
            font-weight: 500;
        }

        .input-chk label em {
            display: block;
            font-weight: 400;
            margin-top: -6px;
            opacity: 0.8;
            font-style: normal;
            padding-bottom: 4px;
        }

        .input-chk label::before {
            content: '';
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
            width: 16px;
            height: 16px;
            border: 1px solid #e5e5e5;
            border-radius: 3px;
            background: #fff;
            color: #fff;
            line-height: 13px;
            text-align: center;
        }

    .input-chk.error label, .input-chk.error label a {
        color: #ff0000 !important;
    }

        .input-chk.error label::before {
            border-color: #ff0000;
        }

    .input-chk input[type=checkbox]:checked + label::before {
        content: '\f00c';
        font-family: "Font Awesome 5 Pro";
        font-size: 11px;
        border-color: #b92434;
        background: #b92434;
    }

.input-group .input-control {
    position: relative
}

    .input-group .input-control.copy a {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 47px;
        text-align: center;
        line-height: 47px;
        background: #f79f4a;
        background: -moz-linear-gradient(top, #f79f4a 0%, #f26b3a 100%);
        background: -webkit-linear-gradient(top, #f79f4a 0%, #f26b3a 100%);
        background: linear-gradient(to bottom, #f79f4a 0%, #f26b3a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79f4a', endColorstr='#f26b3a',GradientType=0 );
        color: #fff;
        font-size: 20px;
        width: 47px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

.input-group.suffix-km::after, .input-group.suffix-cc::after {
    position: absolute;
    top: 7px;
    right: 1px;
    height: auto;
    bottom: 7px;
    width: 40px;
    border-left: 1px solid #ddd;
    content: 'km';
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    color: #999;
}

.input-group.suffix-cc::after {
    content: 'cc';
}

.card-content .input-group textarea {
    min-height: 150px
}

.shares {
    padding-top: 10px
}

    .shares::after {
        display: block;
        content: '';
        float: none;
        clear: both
    }

    .shares div {
        float: left;
        margin-right: 10px;
        width: 60px;
        height: 46px;
        text-align: center;
        line-height: 47px;
        color: #fff;
        font-size: 20px;
        border-radius: 3px;
        background: #0997de;
        background: -moz-linear-gradient(top, #0997de 0%, #126fc8 100%);
        background: -webkit-linear-gradient(top, #0997de 0%, #126fc8 100%);
        background: linear-gradient(to bottom, #0997de 0%, #126fc8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0997de', endColorstr='#126fc8',GradientType=0 );
        cursor: pointer
    }

        .shares div.whatsapp {
            background: #00ea72;
            background: -moz-linear-gradient(top, #00ea72 0%, #00d467 100%);
            background: -webkit-linear-gradient(top, #00ea72 0%, #00d467 100%);
            background: linear-gradient(to bottom, #00ea72 0%, #00d467 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ea72', endColorstr='#00d467',GradientType=0 )
        }

        .shares div.facebook {
            background: #507ac2;
            background: -moz-linear-gradient(top, #507ac2 0%, #405799 100%);
            background: -webkit-linear-gradient(top, #507ac2 0%, #405799 100%);
            background: linear-gradient(to bottom, #507ac2 0%, #405799 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#507ac2', endColorstr='#405799',GradientType=0 )
        }

        .shares div.twitter {
            background: #76ccf7;
            background: -moz-linear-gradient(top, #76ccf7 0%, #5caaee 100%);
            background: -webkit-linear-gradient(top, #76ccf7 0%, #5caaee 100%);
            background: linear-gradient(to bottom, #76ccf7 0%, #5caaee 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ccf7', endColorstr='#5caaee',GradientType=0 )
        }

        .shares div.email {
            background: #a1a1a1;
            background: -moz-linear-gradient(top, #a1a1a1 0%, #7e7e7e 100%);
            background: -webkit-linear-gradient(top, #a1a1a1 0%, #7e7e7e 100%);
            background: linear-gradient(to bottom, #a1a1a1 0%, #7e7e7e 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#7e7e7e',GradientType=0 )
        }

        .shares div i {
            line-height: 47px;
            font-size: 20px
        }

.card-tabs::after {
    content: '';
    display: block;
    float: none;
    clear: both;
    height: 0
}

.card-tabs a {
    display: block;
    float: left;
    width: 33.33%;
    background: #eaeaea;
    color: #888;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 18px 0 18px 0
}

    .card-tabs a.active {
        background: #fff;
        color: #1a1a1a;
    }

.panel {
    display: none
}

    .panel.active {
        display: block
    }


.options h4 {
    border-top: 1px solid #eaeaea;
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    padding: 25px 25px 10px 25px;
    margin: 0 -25px 0 -25px
}

.options ul {
    margin: 0;
    padding: 0;
    padding-bottom: 20px
}

    .options ul li {
        padding-left: 18px;
        position: relative;
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 6px;
        color: #1a1a1a;
        list-style: none
    }

        .options ul li::before {
            content: '\f00c';
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            font-size: 13px;
            line-height: 24px;
            padding-bottom: 6px;
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            color: #b92434
        }

.car-nav a {
    font-size: 20px;
    color: #777;
    display: inline-block;
    width: 29px;
    text-align: center
}

    .car-nav a i {
        font-size: 20px
    }

    .car-nav a:first-child {
        text-align: left
    }

    .car-nav a:last-child {
        text-align: right
    }

.block {
    display: flex;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
}

    .block::after {
        display: block;
        clear: both;
        width: 0;
        height: 0;
        float: none;
        content: ''
    }

    .block .img {
        flex: 0 0 65%;
        order: 0;
        float: left;
        width: 65%;
    }

        .block .img img {
            display: block;
            width: 100%;
            object-fit: cover;
            max-height: 560px;
        }

    .block .text {
        flex: 0 0 35%;
        order: 1;
        align-self: center;
        box-sizing: border-box;
        padding: 24px 72px 24px 36px;
        font-family: "Monteserrat",Arial,Helvetica,sans-serif;
        font-weight: 300;
        font-size: 15px;
        line-height: 24px;
        float: right;
        width: 35%;
        color: #444
    }

        .block .text .block-logo img {
            display: block;
            max-width: 200px;
        }

        .block .text h3 {
            margin: 0;
            font-size: 24px;
            line-height: 34px;
            padding: 0 0 15px 0
        }

        .block .text p {
            font-weight: 300;
            font-size: 15px;
        }

    .block.right .img {
        order: 1;
        float: right
    }

    .block.right .text {
        order: 0;
        float: left;
        padding: 0 36px 0 72px;
    }


.search-pnl {
    padding-top: 10px;
}

    .search-pnl .search-header {
        padding: 18px;
        position: relative;
    }

        .search-pnl .search-header h2 {
            text-align: left;
            font-size: 20px;
            font-weight: bold;
            padding: 0;
            margin: 0;
            line-height: 24px;
            text-transform: uppercase;
        }

        .search-pnl .search-header .reset {
            display: block;
            position: absolute;
            top: 18px;
            right: 18px;
            text-decoration: none;
            font-size: 13px;
            color: #354b5d;
            opacity: 0.6;
        }

    .search-pnl .filters {
        border-top: 1px solid #d4d3d3
    }

    .search-pnl .filer {
        border-bottom: 1px solid #d4d3d3;
        padding-bottom: 9px;
    }

        .search-pnl .filer .filter-header, .filter-group .filter-header {
            display: block;
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 26px;
            padding: 18px 0 9px 0;
            position: relative;
            color: #b92434;
        }

            .search-pnl .filer .filter-header::after {
                color: #777;
                font-weight: 900;
                content: "\f107";
                font-size: 16px;
                line-height: 26px;
                font-family: "Font Awesome 5 Pro";
                position: absolute;
                right: 12px;
                top: 16px;
            }

            .search-pnl .filer .filter-header.open::after {
                content: "\f077";
            }

.filer .filter-value {
    position: relative;
}

    .filer .filter-value input[type=checkbox], .filer .filter-value input[type=radio], .filter-group-sub input[type=checkbox] {
        display: none;
    }

        .filer .filter-value input[type=checkbox] + label, .filer .filter-value input[type=radio] + label, .filter-group-sub input[type=checkbox] + label {
            color: #444;
            font-weight: 400;
            min-height: 20px;
            font-size: 15px;
            line-height: 20px;
            cursor: pointer;
            float: none;
            display: block;
            position: relative;
            padding: 7px 0 7px 25px;
        }

            .filer .filter-value input[type=checkbox] + label::before, .filer .filter-value input[type=radio] + label::before, .filter-group-sub input[type=checkbox] + label::before {
                content: "";
                display: block;
                position: absolute;
                width: 15px;
                height: 15px;
                box-sizing: border-box;
                vertical-align: middle;
                background-color: #fff;
                border: 1px solid #999;
                border-radius: 2px;
                text-align: center;
                line-height: 13px;
                font-size: 10px;
                top: 9px;
                left: 0px;
            }

        .filer .filter-value input[type=checkbox]:checked + label::before, .filer .filter-value input[type=radio]:checked + label::before, .filter-group-sub input[type=checkbox]:checked + label::before {
            content: "\f00c";
            color: #fff !important;
            border: 1px solid #b92434;
            background-color: #b92434;
            text-align: center;
            font-family: "Font Awesome 5 Pro";
        }

        .filer .filter-value input[type=radio] + label::before {
            border-radius: 50%;
        }

.search-pnl .filer .filter-values {
    padding-bottom: 12px;
}

.filer .filter-child-values {
    padding-left: 20px;
}

.filer .fitler-count {
    color: #444;
    font-size: 14px;
    padding-left: 7px;
    display: inline-block;
}

.search-pnl .filer .filter-values {
    display: none;
}

.search-pnl .filter-footer {
    display: none;
}

    .search-pnl .filter-footer .cta {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: block;
        text-align: center;
    }

@media all and (max-width: 950px) {
    .search-pnl .filter-footer {
        display: block;
    }
}

input.ui-slider-input {
    border: none;
    box-shadow: none;
    background: none;
    font-size: 10px;
    line-height: 16px;
    color: #999;
    height: 16px;
    margin-left: 20px;
    text-align: left;
    padding: 0;
}

.ui-rangeslider .ui-slider-input.ui-rangeslider-last {
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
}

.ui-rangeslider .ui-rangeslider-sliders {
    height: 19px;
    margin-left: 27px;
    margin-right: 27px;
    margin-top: 0;
}

.ui-slider-track {
    border-style: none !important;
    height: 5px !important;
    top: 6px;
    background: #d1d5d8 !important;
    border-radius: 3px !important;
}

.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
    display: block;
}

.ui-slider-track .ui-slider-bg {
    background: #b92434;
}

.ui-slider-track .ui-btn.ui-slider-handle {
    font-size: .9em;
    line-height: 30px;
    border-radius: 50%;
    border: 5px solid #b92434;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background: #fff;
}

.hidden {
    overflow: hidden;
    height: 0;
    width: 0;
}

.filer.hide-labels input.ui-slider-input {
    display: none;
}

.filter-values {
    position: relative;
}

.slider-steps {
    padding: 10px 6px 5px 6px;
}

    .slider-steps::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    .slider-steps div {
        position: relative;
        float: left;
        width: 10%;
        text-align: center;
        font-size: 10px;
        line-height: 14px;
        color: #999;
    }

        .slider-steps div::after {
            content: '';
            display: block;
            position: absolute;
            bottom: -20px;
            left: 50%;
            height: 20px;
            width: 1px;
            background: rgba(255,255,255,0.6);
            z-index: 1;
        }

.filer.hide-labels .ui-rangeslider {
    font-size: 0;
    line-height: 0;
    padding-bottom: 7px;
}

.search-pnl .card {
    background: none;
    box-shadow: none;
}


@media all and (max-width: 601px) {
    .block .img, .block .text, .block.right .img, .block.right .text {
        flex: 0 0 100%;
        float: none;
        width: 100%;
        order: 0
    }
}

.map-holder {
    padding-top: 43.4%;
    position: relative
}

    .map-holder .map {
        position: absolute;
        top: 0px;
        right: 4px;
        bottom: 0;
        left: 0px;
    }

.mob-btn, .sort-btn {
    float: left;
    margin-right: 0px;
    height: 40px;
    margin-left: 10px;
    line-height: 40px;
    font-size: 20px;
    color: #777;
    text-decoration: none;
    text-align: center;
    display: none;
    width: 40px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px 0px;
    border-radius: 6px;
}

.sort-btn {
    display: none;
}

@media all and (max-width: 800px) {
    .mob-btn, .sort-btn {
        display: block
    }
}


.band {
    display: none
}

.acc-btn {
    display: none;
    text-decoration: none;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 16px 12px;
    line-height: 28px;
    font-size: 16px;
    color: #888;
    text-transform: uppercase;
    margin-top: -1px
}

    .acc-btn i {
        float: right;
        font-size: 16px;
        color: #ccc;
        line-height: 28px
    }

        .acc-btn i.fa-minus-circle {
            display: none
        }

    .acc-btn.active {
        color: #1a1a1a;
    }

        .acc-btn.active i.fa-minus-circle {
            display: block
        }

        .acc-btn.active i.fa-plus-circle {
            display: none
        }

.mob-search-header {
    display: none;
    padding: 12px;
    padding-top: 1.59722%;
    padding-bottom: 1.04167%;
    position: relative
}

    .mob-search-header .mob-search-title {
        font-size: 26px;
        line-height: 38px;
        font-weight: 300
    }

    .mob-search-header .mob-search-btns {
        position: absolute;
        top: 0;
        right: 12px;
        padding-top: 1.59722%;
        line-height: 38px
    }

        .mob-search-header .mob-search-btns a {
            display: inline-block;
            line-height: 38px;
            font-size: 16px;
            color: #777;
            padding-left: 20px
        }

.mob-btns {
    display: none
}

    .mob-btns a {
        display: block;
        float: left;
        margin-right: 0px;
        height: 40px;
        margin-left: 10px;
        line-height: 40px;
        font-size: 20px;
        color: #777;
        text-decoration: none;
        text-align: center;
        width: 40px;
        background: #fff;
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px 0px;
        border-radius: 6px;
    }

.sort-pnl .sort-header {
    display: none;
}

.sort-pnl .list-sorter {
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
    width: 170px;
    margin-left: 6px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

    .sort-pnl .list-sorter select {
        display: block;
        width: 100%;
    }

.sort-pnl .select2-container {
    font-size: 15px;
    border-radius: 0;
    width: 100% !important;
}

    .sort-pnl .select2-container .select2-selection--single {
        height: 40px;
        border: none;
        border-radius: 3px;
    }

        .sort-pnl .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 38px;
        }

        .sort-pnl .select2-container .select2-selection--single .select2-selection__arrow {
            height: 38px;
        }

            .sort-pnl .select2-container .select2-selection--single .select2-selection__arrow b {
                border: none;
                width: 100%;
                left: 0;
                margin-top: -11px;
                text-align: center;
            }

@media all and (max-width: 768px) {
    .sort-pnl {
        display: none;
        position: absolute;
        background: #fff;
        padding: 12px;
        top: 10px;
        right: 0;
        min-width: 200px;
    }

        .sort-pnl .sort-header {
            display: block;
            color: #222;
            font-size: 26px;
            line-height: 38px;
            font-weight: 300;
            padding-bottom: 15px;
        }

            .sort-pnl .sort-header a.close {
                display: block;
                float: right;
                font-size: 16px;
                color: #777;
                line-height: 30px;
                padding-top: 5px;
            }

        .sort-pnl .list-sorter {
            display: block;
            margin-left: 0;
            padding-bottom: 5px;
            box-shadow: none;
        }

        .sort-pnl .select2-container .select2-selection--single {
            border: 1px solid #ccc;
        }
}


.rel {
    position: relative;
    z-index: 9
}

.to-top {
    z-index: 9;
    position: relative
}

.mob-menu-btn {
    display: none;
    line-height: 40px;
    font-size: 32px;
    color: #1a1a1a;
    float: right;
    padding-top: 10px;
    padding-left: 24px;
}

    .mob-menu-btn i.fa-times {
        display: none;
    }

.nav-open .mob-menu-btn i.fa-times {
    display: inline-block;
}

.nav-open .mob-menu-btn i.fa-bars {
    display: none;
}

.paging-holder {
    text-align: center
}

    .paging-holder .paging {
        display: inline-block
    }

        .paging-holder .paging .pages {
            float: left
        }

        .paging-holder .paging a {
            display: block;
            float: left;
            height: 45px;
            width: 45px;
            line-height: 43px;
            text-align: center;
            background: #fff;
            border: 1px solid #e2e2e2;
            margin: 0 2px 0 3px;
            font-size: 14px;
            color: #777;
            text-decoration: none
        }

            .paging-holder .paging a.active {
                color: #b92434;
                border-color: #b92434
            }

.header-right {
    float: right;
    padding-top: 22px;
}

    .header-right .ddl-holder {
        float: left;
    	position: relative;
		font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #3c3c3b;
	text-decoration:none;
	padding-top:10px;
	padding-left:32px;
}
.header-right .ddl-holder a{
color: #3c3c3b;
	text-decoration:none;
}
.header-right .ddl-holder .dropdown {
    display: none;
    float: none;
    background: #fff;
    position: absolute;
    top: 32px;
    right: 0px;
    width: auto;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}

    .header-right  .ddl-holder .dropdown a {
        margin: 0;
        float: none;
		font-size: 15px;
            line-height: 16px;
            font-weight: 600;
            color: #999;
        padding: 10px 15px 10px 15px;
        border-bottom: 1px solid #d6d6d6;
        white-space: nowrap;
        display: block;
        color: #333;
    }

.header-right .ddl-holder a.active {
                color: #333;
            }


.mnu-right-icon {
	position:relative;
    display: block;
    float: left;
    transition: 0.3s;
	text-decoration:none;
	line-height: 40px;
	padding-right:32px;
}
.mnu-right-icon::after{
display:block;
position:absolute;
content:'';
height:24px;
width:1px;
right:0;
top:8px;
background:#F1F2EB;
}
.mnu-right-icon i{
width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #f2f2eb;
    color: #1a1a1a;
    line-height: 40px;
    text-align: center;
	margin-right:8px;
}
.mnu-right-icon span{
font-size:16px;
color:#3c3c3b;
font-weight:600;
}
@media all and (min-width: 801px) {
    .search {
        display: block !important
    }
}

@media all and (max-width:1220px) {
    header {
        height: 60px
    }

        header .ddl-holder {
            margin-top: 11px;
            margin-right: 0;
            margin-left: 7px;
        }

        header .logo {
            padding-top: 10px
        }
		header .logo img.logo-normal {
			display:none;
		}
		header .logo img.logo-mobile,header .mob-menu-btn {
            display: block;
			height:40px;
        }

        header nav {
            display: none;
            background: #fff;
            position: fixed;
            top: 60px;
            left: 0;
            right: 0;
            transform: none
        }

            header nav::before {
                content: '';
                display: block;
                position: fixed;
                top: 60px;
                left: 0;
                right: 0;
                bottom: 0;
                background: #fff;
                z-index: -1;
            }

            header nav a {
                display: block;
                padding: 15px;
                float: none;
                margin: 0;
                color: #1a1a1a;
                font-size: 15px;
                background: #fff;
            }

                header nav a.active {
                    border-bottom: none;
                    color: #b92434
                }
		.mnu-right-icon{
padding-right:16px;
}
		.mnu-right-icon span{
display:none;
}

    content {
        padding-top: 60px;
    }

    .header-right {
        padding-top: 10px;
    }

        .header-right .ddl-holder {
            display: none;
        }

    .header-right .ddl-holder{
float:left;

}
nav .ddl-holder{
display:block;
}
nav .ddl-holder .lang{
display:none;
}
nav .ddl-holder a{
font-size:15px;
line-height:16px;
font-weight:600;
color:#999;
padding:0 8px;
margin:12px 0;
text-decoration:none;
display:block;
float:left;
}
nav .ddl-holder a.active{
color:#333;
}
nav .ddl-holder a{
border-left:1px solid #737373;
}
nav .ddl-holder a:first-child{
border-left:none;
}
}

@media all and (max-width: 950px) {
    .mob-hide {
        display: none
    }

    .mob-margin-top {
        padding-top: 88px
    }

    .mob-abs {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px
    }

    .car-nav {
        background: #fff;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2
    }

        .car-nav.mobile-hide {
            display: block;
        }

        .car-nav::after {
            content: '';
            display: block;
            float: none;
            clear: both;
            height: 0
        }

        .car-nav a {
            text-align: center;
            width: 33%;
            border-left: 1px solid #e2e2e2;
            display: block;
            float: left;
        }

            .car-nav a:first-child {
                text-align: center;
                border-right: none
            }

            .car-nav a:last-child {
                text-align: center
            }

    .mob-btns, .sort-btn {
        display: block;
        float: left
    }

    .cars {
        padding: 0
    }
}


@media all and (max-width: 576px) {

    .mob-small-hide {
        display: none
    }

    .cc.mob-np {
        padding: 0
    }

    .mob-margin-top {
        padding-left: 12px;
        padding-right: 12px;
    }

    .detail .specs-row {
        padding: 6px 12px 3px 24px
    }

        .detail .specs-row label, .detail .specs-row span {
            float: none;
            width: 100%
        }

        .detail .specs-row label {
            font-size: 11px;
            line-height: 15px
        }

        .detail .specs-row span {
            line-height: 20px
        }

    
    .panel .options ul {
        padding-bottom: 0
    }

    .panel .options h4 {
        margin-top: 20px
    }
}


.tag, .band {
    display: block;
    position: absolute;
    top: 60px;
    left: 0px;
    background: #ff0000;
    width: 120px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-45deg);
    transform-origin: left bottom 0px;
    z-index: 1;
}

    .tag.new, .band.new {
        color: #fff;
        letter-spacing: 2px;
        background: #b92434;
    }

    .tag.promo, .band.promo {
        background: linear-gradient(45deg, rgba(255, 20, 0, 1) 0%, rgba(255, 0, 100, 1) 100%);
        color: #fff;
        font-size: 13px;
    }

.picture-viewer .tag.promo, .picture-viewer .band.promo {
    top: 110px;
    left: 0px;
    width: 216px;
    font-size: 20px;
    line-height: 40px;
}

.tag.option, .band.option {
    background: #fff;
}

.tag.sold, .band.sold {
    background: #b92434;
}
.tag.ordered, .band.ordered {
    top: 82px;
    width: 150px;
    background: #b92434;
}
.tag.reserved, .band.reserved, .tag.inoption, .band.inoption {
    top: 82px;
    width: 150px;
    background: #444;
}

.card-tabs {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}

.home-ctas {
    padding-bottom: 10px;
}

.home-cta-block {
    position: relative;
}

    .home-cta-block img {
        display: block;
        width: 100%;
    }

.home-cta-btn-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 0 10px;
    text-align: center;
}

.home-cta-btn {
    display: inline-block;
    margin-bottom: 3%;
    padding: 10px 30px;
    font-weight: 500;
    font-size: 1.39vw;
    line-height: 2.22vw;
    color: #fff;
    border: 2px solid #b92434;
    background: #b92434;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
    border-radius: 6px;
}


@media all and (min-width: 1440px) {
    .home-cta-btn {
        font-size: 20px;
        line-height: 32px
    }
}

@media all and (max-width: 980px) {
    .home-cta-btn {
        border-width: 3px;
        font-size: 13.5px;
        line-height: 21px;
        padding: 8px 20px
    }
}

.financing-item {
    position: relative;
    padding: 18px 24px 34px 24px;
    border-bottom: 1px solid #e6e6e6;
}

    .financing-item::after {
        content: '';
        display: block;
        float: none;
        clear: both;
        height: 0;
    }

    .financing-item label {
        float: left;
        font-size: 14px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .financing-item .input-holder {
        float: right;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        width: 88px;
        padding-right: 22px;
        height: 30px;
    }

        .financing-item .input-holder.wide-suffix .ui-slider input.ui-slider-input {
            width: 34px;
        }

        .financing-item .input-holder .ui-slider {
            display: inline-block;
            float: none;
            padding: 0;
            margin: 0;
        }

            .financing-item .input-holder .ui-slider input.ui-slider-input {
                font-size: 16px;
                line-height: 28px;
                font-weight: bold;
                color: #222;
                width: 66px;
                padding: 0;
                margin: 0;
                text-align: right;
                display: inline-block;
                float: none;
                height: 28px;
            }

            .financing-item .input-holder .ui-slider .ui-slider-track {
                position: absolute;
                top: 64px;
                left: 30px;
                right: 30px;
                margin: 0 5px;
            }

        .financing-item .input-holder .suffix {
            display: block;
            position: absolute;
            top: 19px;
            right: 32px;
            font-size: 12px;
            line-height: 28px;
            color: #777;
        }

.financing-total {
    position: relative;
    padding: 18px 24px;
    border-bottom: 1px solid #e6e6e6;
}

    .financing-total::after {
        content: '';
        display: block;
        float: none;
        clear: both;
        height: 0;
    }

    .financing-total label {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .financing-total .result {
        display: block;
        float: right;
        font-size: 20px;
        line-height: 26px;
        font-weight: bold;
    }

        .financing-total .result em {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
        }

.financing-note {
    padding: 18px 24px;
    font-size: 12px;
    line-height: 20px;
    color: #444;
}

    .financing-note em {
        color: #777;
    }

.financing-result {
    position: relative;
}

.financing-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(249, 249, 249, 0.8);
    opacity: 0;
    transition: 0.3s;
}

    .financing-overlay .financing-overlay-content {
        font-size: 12px;
        line-height: 20px;
        color: #444;
        position: absolute;
        top: 50%;
        left: 18px;
        right: 18px;
        transform: translateY(-50%);
    }

        .financing-overlay .financing-overlay-content h4 {
            padding: 0;
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-weight: bold;
            padding-bottom: 20px;
            text-transform: uppercase;
        }

.financing-result.on .financing-note, .financing-result.on .financing-note em, .financing-result.on .financing-total label, .financing-result.on .financing-total .result, .financing-result.on .financing-total .result em {
    color: transparent;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.financing-result.on .financing-overlay {
    opacity: 1;
    transition: 0.3s;
}

.card-header h2 {
    padding-left: 24px;
}

.detail .card-header h2 {
    padding-left: 24px;
}

.pull-right.abs {
    position: absolute;
    right: 0px;
    top: 0;
    padding-top: 22px;
}

@media all and (max-width:370px) {
    .logo img {
        width: 180px;
        margin-top: 3px;
    }
}

.search-banner {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
}

.home-search .cc {
    max-width: 780px;
}

.large .home-search .cc {
    max-width: 934px;
}

.home-search .search-holder {
    padding: 0;
    padding-right: 190px;
    border-radius: 6px;
    background: rgba(0,0,0,0.5);
    white-space: nowrap;
    position: relative;
}

    .home-search .search-holder .search-cols, .home-search .search-holder .search-btns {
        display: block;
    }

    .home-search .search-holder .search-col {
        display: block;
        width: 33.33%;
        float: left;
        padding-right: 1px;
    }

.large .home-search .search-holder .search-col {
    width: 25%;
}

.home-search .search-holder .search-col:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.home-search .search-holder .search-btns {
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
}

.home-search .search-holder .search-cols::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.home-search .search-holder .search-cols .select2-container .select2-selection--single {
    border: none;
    height: 58px;
}

    .home-search .search-holder .search-cols .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 58px;
        padding-left: 20px;
    }

    .home-search .search-holder .search-cols .select2-container .select2-selection--single .select2-selection__arrow {
        height: 52px;
    }

.home-search .search-holder .search-cols .search-col:first-child .select2-container .select2-selection--single {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.home-search .search-holder .search-btns a {
    display: block;
    line-height: 58px;
    width: 100%;
    background: #b92434;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.search-banner h1 {
    color: #fff;
    text-align: center;
}


.cookie-holder {
    display: block;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 99;
}

.cookie-banner {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #fff;
    padding: 18px;
    color: #222;
    max-width: 950px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
    margin-right: 10px;
    border-radius: 6px;
}

.cookie-title {
    padding: 0 0 20px 0;
}

    .cookie-title i {
        display: none;
    }

.cookie-description {
    font-size: 15px;
    font-weight: 400;
}

.cookie-banner-btns::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.cookie-banner-decline {
    display: block;
    float: left;
    padding: 14px 30px;
    font-size:16px;
    line-height:20px;
    font-weight:300;
    text-decoration: none;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 6px;
}


.cookie-banner-accept {
    display: block;
    float: left;
    padding: 14px 30px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #b92434;
    border: 1px solid #b92434;
    border-radius: 6px;
    margin-left: 10px;
}

.cookie-more-info, .btn-decline {
    display: none;
}

@media all and (max-width:450px) {
    .cookie-banner {
        left: 15px;
        right: 15px;
        width: auto;
    }

    .cookie-banner-decline, .cookie-banner-accept {
        box-sizing: border-box;
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .cookie-banner-decline {
        margin-bottom: 20px;
    }
}

.banner-static {
    padding-top: 26%;
    position: relative;
}

@media all and (max-width:950px) {
    .banner-static {
        padding-top: 20%;
    }
}

@media all and (min-width:1440px) {
    .banner-static {
        padding-top: 380px;
    }
}

@media all and (max-width:950px) {
    .banner-static {
        padding-top: 112px;
    }
}

.banner-static img {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.banner-outer {
    position: relative;
}

@media all and (max-width:650px) {

    .banner-holder .banner .banner-overlay {
        bottom: 0;
    }

    .banner-holder {
        padding-top: 0;
    }

        .banner-holder .banners {
            display: block;
            position: relative;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
        }

            .banner-holder .banners::after {
                content: '';
                display: block;
                float: none;
                clear: both;
            }

        .banner-holder .banner img {
            height: auto;
        }

    .search-banner {
        position: relative;
        transform: none;
        top: 0;
        bottom: auto;
        background: rgba(0,0,0,0.75);
    }

        .search-banner h1 {
            display: none;
        }

        .search-banner .cc {
            padding: 0;
        }

    .home-search .search-holder {
        background: none;
        padding: 12px;
    }

        .home-search .search-holder .search-col, .home-search .search-holder .search-col:first-child, .large .home-search .search-holder .search-col {
            border-radius: 0;
            width: 100%;
            float: none;
            padding-right: 0;
            padding-bottom: 1px;
        }

        .home-search .search-holder .search-btns {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            width: 100%;
        }

            .home-search .search-holder .search-btns a {
                border-radius: 0;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
            }

        .home-search .search-holder .search-cols .search-col:first-child .select2-container .select2-selection--single {
            border-bottom-left-radius: 0px;
            border-top-right-radius: 6px;
        }
}

.sell-banner {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 65px;
}

.sell-banner-content {
    width: 100%;
    max-width: 1214px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.sell-banner-left {
    width: 58.65%;
    flex: 0 0 58.65%;
    float: left;
    display: flex;
    align-items: center;
}

.sell-banner-logo {
    display: block;
    padding: 0 15px;
    max-width: 632px;
    width: 100%;
}

    .sell-banner-logo img {
        display: block;
        width: 100%;
    }

.sell-banner-right {
    width: 41.35%;
    flex: 0 0 41.35%;
    text-align: right;
    float: right;
}

.purchase-box-holder {
    display: inline-block;
    padding: 0 48px 0 15px;
    width: 100%;
    max-width: 432px;
}

.sell-banner-right h1 {
    text-align: left;
    color: #fff;
    padding-top: 10px;
}

.purchase-box {
    border-radius: 6px;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    width: 100%;
    text-align: left;
}

.purchase-box-col {
    padding-bottom: 10px;
}

.purchase-box select, .purchase-box input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #fff;
    line-height: 28px;
    padding: 10px 12px;
}

.purchase-box .select2-container .select2-selection--single {
    border-color: #fff;
    border-radius: 5px;
    height: 50px;
}

.purchase-box .purchase-box-col.error .select2-container .select2-selection--single {
    border-color: #ff0000;
    color: #ff0000;
}

.purchase-box .purchase-box-col.error input {
    border-color: #ff0000;
    color: #ff0000;
}

.purchase-box .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

.purchase-box .select2-container .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.purchase-box a {
    display: block;
    border-radius: 5px;
    line-height: 40px;
    padding: 10px;
    background: #b92434;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

    .purchase-box a:hover {
        color: #fff;
    }

@media all and (max-width:1220px) {
    .sell-banner-right h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media all and (max-width:824px) {
    .sell-banner-left {
        width: 50%;
        flex: 0 0 50%;
        float: left;
    }

    .sell-banner-right {
        width: 50%;
        flex: 0 0 50%;
    }
}

@media all and (max-width:678px) {
    .sell-banner-left {
        width: 100%;
        flex: 0 0 100%;
        float: left;
    }

    .sell-banner-right {
        width: 100%;
        flex: 0 0 100%;
    }

    .purchase-box-holder {
        padding: 10px 10px 0 10px;
        max-width: 100%;
    }

    .sell-banner-right h1 {
        padding-top: 30px;
    }
}

.steps-holder {
    background: #fff;
    padding: 30px 10px;
    text-align: center;
}

.steps {
    display: inline-block;
}

    .steps::after {
        display: block;
        content: '';
        float: none;
        clear: both;
    }

    .steps .step {
        float: left;
        padding: 13px 15px 32px 15px;
        position: relative;
    }

    .steps .step-between {
        float: left;
        padding-top: 13px;
        width: 40px;
        text-align: center;
        line-height: 140px;
        font-size: 20px;
        color: #b92434;
    }

    .steps .step .icon {
        width: 140px;
        height: 140px;
        border-radius: 70px;
        text-align: center;
        background: #f5f5f5;
        color: #333;
        font-size: 40px;
        line-height: 140px;
        margin-bottom: 13px;
    }

        .steps .step .icon i {
            font-size: 40px;
            line-height: 140px;
        }

    .steps .step .desc {
        text-align: center;
        color: #1a1a1a;
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

@media all and (max-width:1040px) {
    .steps .step-between {
        line-height: 100px;
        width: 30px;
    }

    .steps .step .icon {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        line-height: 100px;
        font-size: 30px;
    }

        .steps .step .icon i {
            line-height: 100px;
            font-size: 35px;
        }
}

@media all and (max-width:880px) {
    .steps .step-between {
        line-height: 70px;
    }

    .steps .step .icon {
        width: 70px;
        height: 70px;
        border-radius: 35px;
        line-height: 70px;
        font-size: 30px;
    }

        .steps .step .icon i {
            line-height: 70px;
            font-size: 30px;
        }
}

.row.g15 {
    margin-left: -15px;
    margin-right: -15px;
}

    .row.g15 .col {
        padding-left: 15px;
        padding-right: 15px;
    }

.page {
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 34px 0;
}

    .page.grey {
        background: #f5f5f5;
    }

.cc.p-left-medium {
    max-width: 830px;
    padding-left: 70px;
}

h1.step, h2.step {
    line-height: 34px;
    font-size: 20px;
    margin: 0;
    padding: 8px 0 11px 0;
    position: relative;
}

    h1.step strong, h2.step strong {
        line-height: 34px;
        text-transform: uppercase;
        font-size: 20px;
        color: #444;
        font-weight: 500;
    }

    h1.step p, h2.step p, .page h3 p {
        line-height: 20px;
        text-transform: none;
        font-size: 14px;
        color: #444;
        font-weight: 400;
        padding-bottom: 0px;
    }

    h1.step em, h2.step em {
        display: block;
        position: absolute;
        top: 4px;
        left: -58px;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        line-height: 40px;
        font-size: 26px;
        font-weight: normal;
        font-style: normal;
        text-align: center;
        color: #fff;
        background: #b92434;
    }

.page h3 {
    padding: 0 0 11px 0;
    margin: 0;
}

    .page h3 strong {
        display: block;
        margin: 0;
        padding: 19px 0 11px;
        text-transform: uppercase;
        line-height: 24px;
        font-size: 16px;
        font-weight: 500;
    }

.fileinput-button {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 45px;
    line-height: 43px;
    padding: 0 21px 0 17px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 20px 0;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

.thumbs::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.thumbs div.img {
    float: left;
    display: block;
    width: 108px;
    height: 88px;
    margin: 0 2px 2px 0;
    position: relative;
}

    .thumbs div.img a {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%, -50%);
        text-align: center;
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        background: rgba(0,0,0,0.5);
        font-size: 24px;
        opacity: 0;
        transition: 0.3s;
    }

.progress {
    height: 15px;
    position: relative;
    margin: 0 0 5px 0;
}

    .progress .progress-bar {
        float: left;
        height: 15px;
        background: #b92434;
    }

.movie-holder {
    display: inline-block;
    max-width: 700px;
    width: 100%;
}

iframe {
    max-width: 100%;
    display: inline-block
}

.tc-logo {
    width: 100%;
    max-width: 416px;
    margin: auto;
    padding: 60px 10px 20px 10px;
}

    .tc-logo img {
        display: block;
        width: 100%;
    }

@media all and (max-width: 576px) {
    .cc.p-left-medium {
        padding-left: 10px;
    }

    h1.step em, h2.step em {
        position: relative;
        left: auto;
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 20px;
        top: 0;
    }
}

.shares label {
    display: block;
}

.cars.detail .card-header h2 {
    padding-left: 30px;
}

.card-footer {
    padding: 20px 30px;
    border-top: 1px solid #eaeaea;
}

.text-note {
    color: #999;
    font-style: italic;
    padding-bottom: 10px;
}

.btns-row .fr {
    float: right;
}

.row.inner {
    margin: 0;
}

    .row.inner .col {
        padding: 0;
    }

.input-group.phone .input-part {
    width: 50px;
}

.cars .car-price .car-price {
    position: relative;
    top: auto;
    bottom: auto;
    padding: 0;
}

.blog-search-holder {
    position: relative;
}

.blog-search {
    text-align: left;
    display: none;
    position: absolute;
    min-width: 330px;
    top: 0px;
    right: 0;
    background: #fff;
    z-index: 10;
    border-radius: 5px;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
}

.blog-search-btn {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #ddd;
    font-weight: normal;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 22px;
    text-align: center;
    min-width: 120px;
}

    .blog-search-btn i {
        padding-right: 8px;
        color: #737573;
    }

.blog-search h2 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 24px;
    text-transform: none;
}

    .blog-search h2 a {
        display: inline-block;
        font-size: 11px;
        line-height: 16px;
        text-transform: lowercase;
        font-weight: 500;
        color: #999;
        padding: 0 6px;
        border: 1px solid #ccc;
        border-radius: 5px;
        text-decoration: none;
        margin-left: 4px;
        transform: translateY(-2px);
    }

        .blog-search h2 a.close {
            font-size: 16px;
            display: block;
            float: right;
            border: none;
            line-height: 30px;
            padding-top: 5px;
            padding-bottom: 10px
        }

.blog-filters {
    line-height: 29px;
}

.blog-filter-value {
    border-top: 1px solid #d4d3d3;
    padding: 10px 0;
    margin: 0 24px;
    position: relative;
}

    .blog-filter-value::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    .blog-filter-value.input-chk label {
        display: block;
        float: left;
        font-weight: 500;
        line-height: 29px;
        color: #1a1a1a;
    }

        .blog-filter-value.input-chk label::before {
            top: 6px;
        }

    .blog-filter-value.input-chk em {
        display: block;
        float: left;
        font-style: normal;
        font-size: 14px;
        font-weight: 300;
        line-height: 29px;
        padding-left: 8px;
    }

.blog-overview .card {
    display: block;
    height: 100%;
    background: #fff;
    text-decoration: none;
    position: relative;
}

.blog-overview .blog-img {
    position: relative;
    padding-top: 57%
}

    .blog-overview .blog-img img {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        object-fit: cover;
        obect-position: center center
    }

    .blog-overview .blog-img .hover-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.15);
        opacity: 0;
        transition: .3s
    }

        .blog-overview .blog-img .hover-overlay::before, .blog-overview .blog-img .hover-overlay::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.3, 0.3);
            background: #fff;
            transition: .3s
        }

        .blog-overview .blog-img .hover-overlay::before {
            height: 35px;
            width: 5px
        }

        .blog-overview .blog-img .hover-overlay::after {
            height: 5px;
            width: 35px
        }

.blog-overview .blog-content {
    position: relative;
    padding: 19px 24px 65px 24px
}

.blog-overview .blog-category {
    font-size: 14px;
    color: #444;
    line-height: 23px;
}

.blog-overview .blog-title {
    padding: 0 0 2px 0;
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.blog-overview .blog-date {
    padding: 0 0 16px 0;
    font-size: 13px;
    font-style: italic;
    position: relative;
}

    .blog-overview .blog-date::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 40px;
        background: #c92534
    }

.blog-overview .blog-intro {
    padding-top: 14px;
    font-size: 13px;
    line-height: 20px;
}

    .blog-overview .blog-intro p {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 0;
        padding-bottom: 12px;
    }

.blog-overview .blog-more {
    position: absolute;
    bottom: 0px;
    left: 24px;
    right: 24px;
    padding: 15px;
    font-weight: 600;
    color: #b92434;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    transition: .3s;
    border-top: 1px solid #d9d9d4;
}

.blog-item {
    padding: 23px 290px 30px 60px;
}

    .blog-item h1 {
        padding-bottom: 0;
    }

    .blog-item .blog-date {
        font-style: italic;
        font-size: 16px;
        font-weight: 300;
        padding-bottom: 30px
    }

.blog-info {
    position: absolute;
    top: 43px;
    right: 0;
    width: 290px;
    text-align: center;
}

.blog-nav {
    text-align: center;
    padding-bottom: 20px;
}

    .blog-nav a {
        display: inline-block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
        color: #777;
    }

.blog-author img {
    display: block;
    margin: 0 auto 17px auto;
    width: 120px;
    height: 120px;
    border-radius: 60px
}

.blog-author .author-name {
    text-align: center;
    line-height: 21px
}

.blog-author .author-function {
    text-align: center;
    line-height: 21px;
    font-weight: 300;
    font-style: italic
}

.blog-author hr {
    border: none;
    margin: 10px auto 18px auto;
    height: 3px;
    width: 40px;
    background: #c92534;
}

.blog-info a.cat {
    display: inline-block;
    text-decoration: none;
    margin: 6px auto;
    background: #f5f5f5;
    line-heigh: 24px;
    font-size: 13px;
    color: #666;
    font-style: normal;
    padding: 0 11px;
    border-radius: 4px;
}

@media all and (max-width:750px) {
    .blog-item {
        padding-right: 30px;
        padding-top: 70px;
    }

    .blog-info {
        position: initial;
        top: auto;
        right: auto;
        width: 100%;
        padding-bottom: 30px
    }

    .blog-nav {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
    }

    .blog-overview .row {
        margin: 0;
    }

        .blog-overview .row .col {
            padding: 10px 0
        }
}


.slider-steps.count-1 div {
    width: 50%
}

.slider-steps.count-2 div {
    width: 33.33%
}

.slider-steps.count-3 div {
    width: 25%
}

.slider-steps.count-4 div {
    width: 20%
}

.slider-steps.count-5 div {
    width: 16.66%
}

.slider-steps.count-6 div {
    width: 14.28%
}

.slider-steps.count-7 div {
    width: 12.5%
}

.slider-steps.count-8 div {
    width: 11.11%
}

.slider-steps.count-9 div {
    width: 10%
}

.slider-steps.count-10 div {
    width: 9.09%
}

@media all and (max-width:950px) {
    .col.mobile-np {
        padding: 0;
    }

    h1.lh-fixed {
        padding: 32px 0 22px 0
    }
}

.cars .car-cta {
    display: none;
}

.cars .car-content {
    padding-bottom: 100px;
}

.cars .car-price {
    bottom: 0;
    left: 24px;
    right: 24px;
    border-top: 1px solid #eaeaea;
    font-size: 18px;
    line-height: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    color: #b92434;
    min-height: 73px;
}

    .cars .car-price em {
        display: block;
        color: #777;
        font-size: 13px;
        line-height: 17px;
    }

    .cars .car-price .price-left {
        float: left;
        width: 50%;
    }

    .cars .car-price .price-right {
        float: right;
        width: 50%;
        text-align: right;
    }

.cars .car-img .hover-overlay {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgb(51,51,51);
    background: -moz-linear-gradient(0deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%);
    background: -webkit-linear-gradient(0deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%);
    background: linear-gradient(0deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);
}

    .cars .car-img .hover-overlay::after, .cars .car-img .hover-overlay::before {
        display: none;
    }

    .cars .car-img .hover-overlay .hover-cta {
        display: inline-block !important;
        background: #b92434;
        padding: 0 20px;
        line-height: 30px;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
    }

.cars .car-price .car-price {
    border-top: none;
    padding: 0;
    min-height: 0;
}

.sort-pnl {
    text-transform: none;
}

.text-bold {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 24px;
}

.deliverycost-holder {
    position: relative;
    display: inline-block;
}

.deliverycost-text {
    font-size: 13px;
    color: #666;
    line-height: 20px;
}

.deliverycost-holder a.info {
    display: block;
    position: absolute;
    top: -8px;
    right: -13px
}

    .deliverycost-holder a.info i {
        color: #ccc;
        transition: 0.3s;
        font-size: 12px;
        line-height: 12px
    }

.deliverycost-popup {
    position: absolute;
    display: none;
    top: -7px;
    right: -320px;
    background: #fff;
    padding: 20px;
    border-radius: 0px;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    width: 320px;
    box-sizing: border-box;
    z-index: 100
}

    .deliverycost-popup .close {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #777;
        font-size: 16px;
        top: 2px;
        right: 2px
    }

    .deliverycost-popup p {
        line-height: 18px;
        font-size: 13px;
        color: #1a1a1a;
    }

    .deliverycost-popup a.close i {
        line-height: 30px;
        color: #777;
        font-size: 16px
    }

.advantage-holder {
    padding-top: 14px;
    font-size: 14px;
    line-height: 22px;
}

    .advantage-holder .newprice {
        color: #666;
    }

    .advantage-holder .perc {
        color: #b92434;
    }

.car-extra-specs {
    padding-left: 20px;
    padding-bottom: 12px;
}

    .car-extra-specs .car-extra-spec {
        font-size: 14px;
        line-height: 24px;
    }

        .car-extra-specs .car-extra-spec label {
            min-width: 144px;
            display: inline-block;
        }

.card.actions.left-right {
    padding: 0 14px 14px 14px;
}

    .card.actions.left-right .action {
        width: 50%;
    }

        .card.actions.left-right .action a {
            width: 100%;
            white-space: nowrap;
            display: inline-block;
        }

        .card.actions.left-right .action:last-child {
            float: right;
            text-align: right;
        }

.extra-options {
    border-bottom: 1px solid #ddd;
}

    .extra-options h3 {
        padding-left: 30px;
        font-size: 15px;
        line-height: 20px;
        color: #1a1a1a;
        font-weight: 700;
        margin-top: 0;
    }

.extra-option-row {
    border-top: 1px solid #ddd;
    padding-left: 88px;
    padding-right: 88px;
    position: relative;
    min-height: 59px;
    display: flex;
    align-items: center;
}

    .extra-option-row div {
        position: absolute;
        top: 0;
        left: 30px;
        font-size: 34px;
        line-height: 59px;
        color: #b92434;
        text-align: center;
        text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.38);
    }

        .extra-option-row div em {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 14px;
            line-height: 58px;
            color: #fff;
            font-weight: bold;
            z-index: 1;
            text-align: center;
            text-shadow: none;
        }

        .extra-option-row div::after {
            content: "\f3ed";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: -1px;
            left: 0;
            font-size: 36px;
            font-weight: 200;
            line-height: 59px;
            color: #fff;
            text-align: center;
            text-shadow: none;
        }

    .extra-option-row label {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 23px;
    }

    .extra-option-row span {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 88px;
        font-size: 14px;
        line-height: 59px;
        text-align: right;
        padding-right: 25px;
    }

.desktop-hide {
    display: none;
}

.cc.banner-content {
    position: relative;
    z-index: 1;
}

p + ul {
    margin-top: -24px;
}

@media all and (max-width:768px) {
    .mobile-hide {
        display: none;
    }

    .desktop-hide {
        display: block;
    }
}

@media all and (max-width:1396px) {
    .actions .action, .actions.small-btns .action.small-btn {
        width: 50%;
    }
}

@media all and (max-width:1260px) {
    .detail .car-price .price strong {
        display: block;
    }

    @media all and (max-width:1220px) {
        .card.actions.left-right .action {
            width: 100%;
        }

            .card.actions.left-right .action a {
                max-width: 100%;
            }
    }

    @media all and (max-width:1050px) {
        .car-extra-specs {
            padding-left: 0;
        }

        .panel .options ul {
            padding-bottom: 0;
        }

        .panel .options h4 {
            margin-top: 20px;
        }
    }

    @media all and (max-width:900px) {
        .actions .action, .actions.small-btns .action.small-btn {
            width: 100%;
        }
    }

    @media all and (max-width:836px) {
        .detail .car-price .price, .detail .car-price .price.right {
            width: 100%;
            padding-left: 0;
        }

            .detail .car-price .price.right {
                padding-top: 20px;
            }
    }

    @media all and (max-width:768px) {
        .detail .car-price .price, .detail .car-price .price.right {
            width: 50%;
            padding-left: 0;
        }

            .detail .car-price .price.right {
                padding-left: 10px;
                padding-top: 0;
            }

        .card.actions.left-right .action {
            width: 50%;
        }

        .actions .action, .actions.small-btns .action.small-btn {
            width: 50%;
        }
    }

    @media all and (max-width:606px) {
        .card.actions.left-right .action {
            width: 100%;
        }
    }

    @media all and (max-width: 424px) {
        .actions .action, .actions.small-btns .action.small-btn {
            width: 100%;
        }
    }

    @media all and (max-width:404px) {
        .acc-btn {
            display: block
        }

        .card-tabs {
            display: none;
        }

        .detail .car-price .price, .detail .car-price .price.right {
            width: 100%;
            padding-left: 0;
        }

            .detail .car-price .price.right {
                padding-top: 20px;
            }
    }
}

.btn-filter a {
    display: block;
    background: rgb(59,189,230);
    background: -moz-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(127,214,242,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(127,214,242,1) 100%);
    background: linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(127,214,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3bbde6",endColorstr="#7fd6f2",GradientType=1);
    border-radius: 5px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
}

    .btn-filter a::before {
        font-family: 'Font Awesome 5 Pro';
        content: '\f0e7';
        padding-right: 10px;
    }

.slide-hidden {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255,255,255,0.95);
}

    .slide-hidden .slide-hidden-msg {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 22px;
        margin-top: -11px;
    }

.pages .spacer {
    display: block;
    float: left;
    line-height: 45px;
    padding: 0 5px;
}

@media all and (max-width:520px) {
    .paging-holder .paging a.prev, .paging-holder .paging a.next {
        display: none;
    }

    .paging-holder .paging a {
        width: 31px;
        height: 32px;
        line-height: 32px;
    }

    .paging-holder .paging .spacer {
        line-height: 32px;
    }
}


.usp-holder {
    background: #f5f5f5;
    text-align: center;
    padding: 18px 0;
}

    .usp-holder.light {
        background: #fff;
    }

.usp {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #222;
    padding: 0 11px;
}

    .usp i {
        font-size: 18px;
        line-height: 24px;
        padding-right: 8px;
        color: #b92434
    }

@media all and (max-width:520px) {
    .usp {
        display: block;
        text-align: left;
        padding-left: 30px;
    }
}

.category-search {
    background: #fff;
    padding: 0 12px 30px 12px;
}

    .category-search h2 {
        text-align: center;
        font-size: 40px;
        line-height: 50px;
        padding: 50px 0;
        text-transform: none;
    }

    .category-search h3 {
        position: relative;
        text-align: center;
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
        padding: 0 0 8px 0;
        line-height: 48px;
        font-size: 24px;
        color: #222;
        font-weight: normal;
    }

        .category-search h3 span {
            display: inline-block;
            background: #fff;
            padding: 0 18px;
            position: relative;
            z-index: 1;
        }

        .category-search h3::before {
            content: '';
            position: absolute;
            top: 24px;
            left: 0;
            right: 0;
            height: 1px;
            background: #eaeaea;
        }

.categories-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1204px;
    margin: auto;
}

@media all and (max-width:1100px) {
    .categories-holder {
        justify-content: center;
    }
}

@media all and (max-width:576px) {
    .category-search {
        display: none;
    }
}

.category-holder {
    margin: 12px;
    width: 100%;
    max-width: 150px;
    position: relative;
}

    .category-holder a {
        position: relative;
        display: block;
        padding-top: 100%;
        text-decoration: none;
        transition: 0.3s;
        border-radius: 9px;
    }

        .category-holder a span {
            display: block;
            position: absolute;
            bottom: 14.66%;
            line-height: 21px;
            left: 0;
            right: 0;
            text-align: center;
            font-size: 14px;
            color: #222;
            transition: 0.3s;
        }

        .category-holder a img {
            display: block;
            position: absolute;
            top: 18.66%;
            left: 5%;
            line-height: 54px;
            text-align: center;
            font-size: 50px;
            filter: invert(18%) sepia(27%) saturate(5828%) hue-rotate(334deg) brightness(111%) contrast(98%);
            transition: 0.3s;
            width: 90%;
        }

.category-search .categories-cta {
    padding-top: 10px;
    text-align: center;
}

.grid {
    margin: 0 -12px;
}

    .grid::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

.grid-item {
    width: 100%;
}

.twoCol .grid-item {
    width: 50%;
    float: left;
}

    .twoCol .grid-item.grid-item--width2 {
        width: 100%;
        float: none;
    }

.grid-item {
    padding: 12px;
}

.grid-item-inner, .cta-holder {
    position: relative;
    background: #f5f5f5;
}

.ctas .cta-holder {
    height: 100%;
    padding: 0;
}

.grid-item-inner img, .cta-holder img {
    display: block;
    width: 100%;
}

.cta-holder img {
    height: 100%;
    object-fit: cover;
    min-height: 200px;
}

.grid-item-inner::after, .cta-holder::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.grid-item-inner .text-overlay, .cta-holder .text-overlay {
    position: absolute;
    bottom: 28px;
    left: 24px;
}

.grid-item-inner .title, .cta-holder .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 20px;
    color: #fff;
}

.cta-holder .title {
    max-width: 240px;
}

.grid-item-inner .description, .cta-holder .description {
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 7px;
    color: #fff;
}

    .grid-item-inner .description p, .cta-holder .description p {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 12px;
        color: #fff;
    }

.grid-item-inner .button, .cta-holder .button {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 46px;
    color: #b92434;
    padding: 0 20px;
    background: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
}

.as24 .grid-item-inner .text-overlay {
    position: relative;
    bottom: auto;
    left: auto;
    overflow: hidden;
    text-align: center;
    padding-bottom: 28px;
}

.as24 .grid-item-inner .title {
    color: #222;
    font-size: 36px;
    font-weight: 300;
    line-height: 44px;
    padding: 0;
    text-align: center;
}

    .as24 .grid-item-inner .title::before {
        content: '';
        background: url(/images/as24.png);
        display: block;
        width: 100px;
        height: 64px;
        margin: 25px auto 22px auto;
    }

    .as24 .grid-item-inner .title::after {
        content: '';
        background: url(/images/stars.png);
        display: block;
        width: 205px;
        height: 32px;
        margin: 22px auto 32px auto;
    }

.grid-item--width2 .grid-item-inner img {
    float: right;
    width: auto;
}

.grid-item--width2 .grid-item-inner .text-overlay {
    max-width: 834px;
    padding-right: 310px;
    padding-left: 24px;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.grid-item--width2 .grid-item-inner .title {
    color: #b92434;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    padding: 0 0 12px 0;
    text-align: left;
}

.grid-item--width2 .grid-item-inner .description {
    color: #1a1a1a;
}

    .grid-item--width2 .grid-item-inner .description, .grid-item--width2 .grid-item-inner .description p {
        color: #1a1a1a;
    }

.page-white {
    background: #fff;
    padding: 12px 0;
}

@media all and (max-width:720px) {
    .twoCol .grid-item {
        width: 100%;
    }
}

@media all and (max-width:620px) {
    .grid-item--width2 .grid-item-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .grid-item--width2 .grid-item-inner .text-overlay {
            padding: 18px;
            position: relative;
            transform: none;
            top: initial;
            left: initial;
        }

        .grid-item--width2 .grid-item-inner img {
            float: none;
            order: 1;
            margin-top: -60px;
            width: 50%;
        }
}

.budget-search {
    background: #444;
    padding: 46px 12px 80px 12px;
    text-align: center;
}

    .budget-search h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        color: #fff;
        text-align: center;
        text-transform: none;
        padding: 34px 0 11px 0;
    }

    .budget-search h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        line-height: 24px;
        color: #fff;
        text-align: center;
        text-transform: none;
        padding: 0;
    }

    .budget-search .slider-holder {
        max-width: 900px;
        margin: auto;
    }

        .budget-search .slider-holder label, .budget-search .slider-holder input {
            display: none;
        }

    .budget-search a {
        display: inline-block;
        font-weight: 700;
        font-size: 16px;
        line-height: 46px;
        color: #fff;
        padding: 0 20px;
        background: #b92434;
        border-radius: 5px;
        text-decoration: none;
        transition: 0.3s;
    }

    .budget-search .slider-holder {
        padding-top: 24px;
        padding-bottom: 34px;
    }

        .budget-search .slider-holder::after {
            content: '';
            display: block;
            clear: both;
            float: none;
        }

        .budget-search .slider-holder .slider-label {
            font-size: 24px;
            line-height: 34px;
            color: #fff;
            width: 90px;
            float: left;
        }

        .budget-search .slider-holder .ui-rangeslider {
            float: left;
            width: calc(100% - 180px);
            margin: -18px 0 0 0;
        }

        .budget-search .slider-holder .ui-slider-track {
            height: 12px !important;
            background: rgb(100,100,100) !important;
            background: -moz-linear-gradient(0deg, rgba(100,100,100,1) 0%, rgba(76,76,76,1) 100%) !important;
            background: -webkit-linear-gradient(0deg, rgba(100,100,100,1) 0%, rgba(76,76,76,1) 100%) !important;
            background: linear-gradient(0deg, rgba(100,100,100,1) 0%, rgba(76,76,76,1) 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#646464",endColorstr="#4c4c4c",GradientType=1);
            border-radius: 5px !important;
        }

            .budget-search .slider-holder .ui-slider-track .ui-slider-bg {
                background: #b92434;
                box-shadow: 0px 1px 3px -0px rgba(255,255,255,0.4) inset, 0px -1px 3px 0px rgba(0,0,0,0.7) inset;
            }

            .budget-search .slider-holder .ui-slider-track .ui-btn.ui-slider-handle {
                font-size: .9em;
                line-height: 32px;
                border-radius: 50%;
                border: none;
                box-sizing: border-box;
                height: 32px;
                width: 32px;
                margin-top: -16px;
                margin-left: -16px;
                background: #b92434;
                box-shadow: 0px 1px 3px -0px rgba(255,255,255,0.4) inset, 0px -1px 3px 0px rgba(0,0,0,0.7) inset;
            }

                .budget-search .slider-holder .ui-slider-track .ui-btn.ui-slider-handle::after {
                    content: '';
                    position: absolute;
                    display: block;
                    top: 8px;
                    left: 8px;
                    background: #1a1a1a;
                    width: 16px;
                    height: 16px;
                    border-radius: 8px;
                }

    .budget-search .budget-label-mobile {
        display: none;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        padding-top: 20px;
    }

@media all and (max-width:600px) {
    .budget-search .budget-label-mobile {
        display: block;
    }

    .budget-search .slider-holder {
        padding-top: 20px;
    }

        .budget-search .slider-holder .slider-label {
            display: none;
        }

        .budget-search .slider-holder .ui-rangeslider {
            width: 100%;
        }
}

.trade-in {
    padding: 60px 0;
}

    .trade-in::after {
        content: '';
        display: block;
        clear: both;
        float: none;
    }

    .trade-in .purchase-box-holder {
        width: 100%;
        max-width: 340px;
        float: left;
        padding: 0;
    }

        .trade-in .purchase-box-holder .purchase-box {
            background: none;
            padding: 0;
            width: 100%;
            text-align: left;
        }

    .trade-in .purchase-intro {
        width: calc(100% - 340px);
        float: left;
        padding-left: 48px;
    }

        .trade-in .purchase-intro h2 {
            padding: 17px 0 12px 0;
        }

        .trade-in .purchase-intro h3 {
            margin: 0;
            line-height: 27px;
            padding: 0 0 12px 0;
        }

        .trade-in .purchase-intro p {
            font-size: 15px;
        }

    .trade-in .purchase-box a {
        font-weight: 700;
        font-size: 16px;
        display: block;
        border-radius: 5px;
        line-height: 40px;
        padding: 5px;
        background: #b92434;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        transition: 0.3s;
    }

@media all and (max-width:780px) {
    .trade-in .purchase-intro {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .trade-in .purchase-box-holder {
        max-width: 780px;
        padding: 0 20px;
    }
}

footer {
    background: #fff;
}

.pre-footer {
    background: #666;
    padding: 44px 0 57px 0;
}

.footer-cta {
    max-width: 410px;
    padding: 12px 0
}

    .footer-cta h4 {
        margin: 0;
        padding: 0 0 26px 0;
        line-height: 32px;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
    }

        .footer-cta h4 i {
            padding-right: 8px;
        }

    .footer-cta p {
        font-weight: 300;
        line-height: 20px;
        color: #fff;
    }

    .footer-cta a {
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        border-radius: 5px;
        line-height: 36px;
        padding: 5px 20px;
        background: #1a1a1a;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: 0.3s;
    }

    .footer-cta.red a {
        background: #b92434;
    }

@media all and (max-width:576px) {
    .footer-cta {
        text-align: center;
        max-width: 100%;
    }

        .footer-cta p {
            text-align: center;
        }
}

.footer-bar {
    background: #1a1a1a;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
}

    .footer-bar a {
        color: #fff;
    }

    .footer-bar .tc {
        text-align: center;
    }

    .footer-bar .tr {
        text-align: right;
    }

    .footer-bar .social a {
        font-size: 24px;
        padding: 0 13px;
    }

.footer {
    padding: 50px 0;
}

    .footer .f-part {
        padding: 12px 0;
    }

        .footer .f-part.img {
            position: relative;
            padding-left: 160px;
            max-width: 360px;
        }

            .footer .f-part.img img {
                display: block;
                position: absolute;
                left: 0;
                top: 17px;
                width: 136px;
                height: 136px;
                border-radius: 50%;
                object-fit: cover;
            }

        .footer .f-part h4 {
            font-size: 18px;
            line-height: 28px;
            color: #1a1a1a;
            margin: 0;
            font-weight: 700;
            padding: 0 0 10px 0;
        }

.footer-links::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

footer a {
    text-decoration: none;
    color: #1a1a1a;
}

.footer-links .links-col {
    float: left;
    width: 50%;
}

.footer-links a.link {
    display: block;
    text-decoration: none;
}

@media all and (max-width:768px) {
    .footer .f-part {
        text-align: center;
        padding: 0;
    }

        .footer .f-part .cta {
            margin-top: 20px;
        }

        .footer .f-part p {
            padding-bottom: 0;
        }

        .footer .f-part.img {
            padding-left: 0;
            max-width: 100%;
        }

            .footer .f-part.img img {
                display: block;
                position: relative;
                left: initial;
                top: initial;
                margin: auto;
            }

    .footer-links a.link {
        float: none;
        width: 100%;
    }

    .footer-bar, .footer-bar .tc, .footer-bar .tr {
        text-align: center;
    }

        .footer-bar .tr span {
            display: block;
            height: 0;
            overflow: hidden;
        }
}

.about-holder {
    background: #fff;
    padding: 24px 0;
}

.about {
    background: #f5f5f5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .about::after {
        content: '';
        display: block;
        float: none;
        clear: both;
    }

    .about img {
        display: block;
        float: left;
        width: 32%;
        flex: 0 0 32%;
        align-self: end;
    }

    .about .about-content {
        display: block;
        float: left;
        width: 68%;
        flex: 0 0 68%;
        padding: 12px 24px 12px 80px;
        max-width: 890px;
    }

        .about .about-content h2 {
            margin: 0;
            padding: 0 0 10px 0;
        }

        .about .about-content p {
            font-size: 15px;
            padding-bottom: 12px;
        }

        .about .about-content .cta {
            margin-top: 12px;
        }

@media all and (max-width:700px) {
    .about img {
        order: 1;
        width: 100% !important;
        max-width: 300px;
    }

    .about .about-content {
        padding: 24px 20px 12px 20px;
        width: 100% !important;
        flex: 0 0 100% !important;
    }

        .about .about-content img {
            width: auto !important;
            max-width: 100%;
        }
}

.page-header {
    position: relative;
}

    .page-header img {
        display: block;
        width: 100%;
        max-height: 555px;
        object-fit: cover;
        min-height: 200px;
    }

    .page-header .page-header-overlay {
        position: absolute;
        bottom: 70px;
        left: 0;
        right: 0;
        text-align: center;
    }

.page-header-overlay h1 {
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    margin: 0;
    padding: 0 0 32px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}

.page-header-overlay .sub-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}

@media all and (max-width:600px) {
    .page-header .page-header-overlay {
        bottom: 10%;
    }

    .page-header-overlay h1 {
        padding-bottom: 5vw;
    }
}

.page-intro {
    padding-top: 50px;
    padding-bottom: 60px;
}

    .page-intro h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0;
        padding: 0 0 38px;
        text-transform: none;
    }

    .page-intro p {
        font-size: 16px;
        max-width: 792px;
        margin: auto;
    }

.bg-white {
    background: #fff;
}

.method-header {
    position: relative;
}

    .method-header img {
        display: block;
        width: 100%;
        max-height: 530px;
        object-fit: cover;
    }

    .method-header h3 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        line-height: 34px;
        margin: 0;
        padding: 0;
        color: #fff;
    }

.method-holder {
    padding-bottom: 24px;
}

.method-steps {
    padding: 17px 0 40px 0;
}

.method-title {
    padding: 12px 24px 17px 24px;
    font-size: 18px;
    line-height: 28px;
    color: #1a1a1a;
    font-weight: 700;
}

    .method-title em {
        display: block;
        font-style: normal;
        line-height: 15px;
        color: #ba2933;
    }

.method-content {
    padding: 0 24px 10px 24px
}

    .method-content p {
        padding-bottom: 12px;
        font-size: 15px;
        font-weight: 300;
        color: #1a1a1a;
    }

.quote-inner {
    max-width: 770px;
    margin: auto;
    padding: 0 60px;
}

.quote .stars {
    position: relative;
    height: 40px;
    width: 180px;
    margin: auto;
    white-space: nowrap;
    margin-bottom: 29px;
}

    .quote .stars i {
        position: relative;
        display: inline-block;
        width: 36px;
        line-height: 40px;
        text-align: center;
        font-size: 24px;
        color: #999;
    }

    .quote .stars .on {
        position: absolute;
        top: 0;
        left: 0;
        width: 180px;
        overflow: hidden;
    }

        .quote .stars .on i {
            color: #b92434;
        }

    .quote .stars.r0d5 .on {
        width: 18px;
    }

    .quote .stars.r1 .on, .quote .stars.r1d0 .on {
        width: 36px;
    }

    .quote .stars.r1d5 .on {
        width: 54px;
    }

    .quote .stars.r2 .on, .quote .stars.r2d0 .on {
        width: 72px;
    }

    .quote .stars.r2d5 .on {
        width: 90px;
    }

    .quote .stars.r3 .on, .quote .stars.r3d0 .on {
        width: 108px;
    }

    .quote .stars.r3d5 .on {
        width: 126px;
    }

    .quote .stars.r4 .on, .quote .stars.r4d0 .on {
        width: 144px;
    }

    .quote .stars.r4d5 .on {
        width: 162px;
    }

.quote {
    padding: 75px 0 86px 0;
}

.quote-quote {
    font-size: 30px;
    line-height: 39px;
    font-weight: 300;
    color: #1a1a1a;
    padding: 0 40px 8px 40px;
    position: relative;
}

    .quote-quote div {
        display: inline-block;
        position: relative;
    }

    .quote-quote::before {
        display: block;
        content: '“';
        font-family: TimesNewRoman, "Times New Roman", Times,Arial,Helvetica,sans-serif;
        font-size: 80px;
        line-height: 80px;
        position: absolute;
        top: -5px;
        left: 0;
        color: #b92434;
    }

    .quote-quote span {
        position: relative;
    }

        .quote-quote span::after {
            display: block;
            content: '”';
            font-family: TimesNewRoman, "Times New Roman", Times,Arial,Helvetica,sans-serif;
            font-size: 80px;
            line-height: 39px;
            position: absolute;
            bottom: -25px;
            left: 0;
            color: #b92434;
        }

.quote-author {
    font-size: 16px;
    font-style: italic;
    line-height: 22px;
    font-weight: 300;
    color: #737573;
    padding: 0 40px;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #b92434;
    z-index: 1;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

    .slick-prev:before, .slick-next:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: 23px;
        line-height: 46px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev:before {
    content: "\f104";
}

.slick-next:before {
    content: "\f105";
}

@media all and (max-width:600px) {
    .quote-inner {
        padding: 0;
    }

    .quote-quote {
        font-size: 22px;
        line-height: 30px;
    }

    .slick-prev, .slick-next {
        display: none !important;
    }
}

.ctas {
    padding: 30px 0;
}

.team-intro {
    background: #f5f5f5;
}

    .team-intro .row {
        align-items: center;
    }

.team-intro-img img {
    width: 100%;
    display: block;
}

.team-intro-quote {
    padding: 24px;
    max-width: 424px;
}

@media all and (max-width:768px) {
    .team-intro-quote {
        max-width: 100%;
    }
}

.team-intro-quote-content {
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    color: #b92434;
    padding-bottom: 10px;
}

    .team-intro-quote-content strong {
        font-weight: 500;
    }

.team-intro-author {
    font-size: 14px;
    font-style: italic;
    color: #444;
}

.team-intro-content {
    padding: 24px;
}

.team {
    padding: 70px 0 45px;
}

    .team .team-item {
        border: 1px solid #eee;
        padding: 20px 20px 30px 20px;
        text-align: center;
    }

        .team .team-item img {
            display: block;
            width: 100%;
            max-width: 188px;
            border-radius: 50%;
            margin: 0 auto 17px auto;
        }

        .team .team-item h4 {
            margin: 0;
            padding: 0 0 9px 0;
            line-height: 23px;
            font-size: 18px;
            color: #1a1a1a;
            font-weight: 500;
            text-transform: uppercase;
        }

        .team .team-item h5 {
            margin: 0;
            padding: 0 0 15px 0;
            line-height: 18px;
            font-size: 15px;
            color: #1a1a1a;
            font-weight: 400;
        }

        .team .team-item .contact a {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 15px;
            background: #f2f2eb;
            color: #737573;
            font-size: 14px;
            transition: 0.3s;
            margin: 0 9px;
        }

.full-banner {
    position: relative;
}

    .full-banner img {
        display: block;
        width: 100%;
        object-fit: cover;
        min-height: 270px;
    }

.input-spacer {
    height: 10px;
}

.full-banner-overlay {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    transform: translateY(-44%);
}

.full-banner .title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    max-width: 430px;
    font-weight: 700;
    padding-bottom: 28px;
}

.full-banner .sub-title {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    max-width: 430px;
    font-weight: 500;
}

.cta-holder {
    padding: 28px 0;
}

.cc_div {
    font-family: var(--font-family)
}

    .cc_div #cm {
        padding: 0 !important;
        width: 100%;
        max-width: calc(600px - 1.25em);
    }

@media all and (max-width:600px) {
    .cc_div #cm {
        width: auto;
    }
}

.cc_div #cm #c-inr-i {
    padding: 24px 24px 20px 24px;
}

.cc_div #c-bns {
    padding: 24px;
    margin: 0;
    border-top: 1px solid #f0f4f7;
}

.cc_div #c-ttl {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 8px 0 11px 0;
}

.cc_div #cm #c-inr-i p {
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 4px;
}

.cc_div .c-bn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 23px;
    flex: none;
    background: #fff;
    border-color: #f0f4f7;
    color: #2e4056;
    order: 0
}

#c-bns button:first-child {
    order: 1;
    color: #fff;
    background: #00c981;
    border: 1px solid #00c981;
}

#s-c-bn {
    background: none;
    border: none;
}

#s-ttl {
    font-size: 20px;
    line-height: 70px;
    padding-top: 4px;
}

#s-bns {
    height: auto;
    padding: 24px;
    display: block;
}

    #s-bns #s-all-bn {
        float: right;
        background: #00c981;
    }

    #s-bns #s-rall-bn {
        float: left;
        margin-left: 0;
        background: #fff;
        border-color: #f0f4f7;
        color: #2e4056;
    }

    #s-bns #s-sv-bn {
        float: left;
        background: #f0f4f7;
        border-color: #f0f4f7;
        color: #2e4056;
    }

@media all and (max-width:688px) {
    .cc_div .c-bn {
        order: 0;
        margin-top: none;
    }

    #c-bns button:first-child {
        order: 0;
        margin-top: 0.625em;
    }

    .bns-t #s-bns {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    #s-bns #s-all-bn {
        float: none;
        order: 0;
    }

    #s-bns #s-rall-bn {
        float: none;
        order: 2;
    }

    #s-bns #s-sv-bn {
        float: none;
        order: 1;
    }
}


@media all and (max-width:700px) {
    .pull-right.abs {
        position: relative;
        display: block;
        float: none;
        top: initial;
        padding-top: 12px;
    }

    .blog-search-holder {
        display: inline-block;
    }

    .blog-search-btn {
        margin-top: 0;
        padding: 10px 12px;
    }

    .blog-search {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.filter-group {
    background: #fff;
}

.filter-toggle-group .toggle-group {
    display: none;
}

    .filter-toggle-group .toggle-group.active {
        display: block;
    }

.search-pnl .filter-group .filer .filter-values {
    display: block;
}

.combi::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.combi .search-pnl .card {
    background: #fff;
    height: calc(100vh - 80px);
    overflow: auto;
}

.combi .search-pnl .card {
    padding: 0 24px 98px 24px;
}

.combi .search-pnl {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 100000;
    max-width: 400px;
    width: 0;
    transition: 0.6s;
    padding-top: 0;
    overflow: hidden;
    opacity: 0;
    text-align: left;
}

@media all and (max-width: 1220px) {
    .combi .search-pnl {
        top: 60px
    }

        .combi .search-pnl .card {
            height: calc(100vh - 60px);
        }
}

.combi .search-pnl.open {
    width: 100%;
    opacity: 1;
}

.combi .search-pnl::before {
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: -1;
}

.combi .search-pnl.open::before {
    display: block;
}

.combi .search-pnl .filer .filter-header {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: 400;
    color: #444;
}

    .combi .search-pnl .filer .filter-header::after {
        color: #777;
        right: 0;
    }

.combi .search-pnl .search-header {
    padding-left: 0;
    padding-right: 0;
}

    .combi .search-pnl .search-header h2 {
        text-transform: none;
    }

    .combi .search-pnl .search-header .reset {
        right: 30px;
    }

    .combi .search-pnl .search-header .close {
        display: block;
        position: absolute;
        top: 18px;
        right: 0px;
        text-decoration: none;
        font-size: 13px;
        color: #354b5d;
        width: 20px;
        text-align: right;
    }

.combi .filter-group .filter-header {
    padding-left: 0;
    padding-bottom: 9px;
}

.filter-toggle {
    padding-bottom: 12px;
}

    .filter-toggle::after {
        content: '';
        display: block;
        clear: both;
        float: none;
    }

    .filter-toggle .toggle-btn {
        display: block;
        float: left;
        position: relative;
        text-decoration: none;
        padding: 0 30px 0 24px;
    }

        .filter-toggle .toggle-btn::before {
            content: '';
            font-family: 'Font Awesome 5 Pro';
            display: block;
            position: absolute;
            top: 4px;
            left: 0;
            font-size: 10px;
            line-height: 14px;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            border: 1px solid #777;
            color: #fff;
            text-align: center;
        }

        .filter-toggle .toggle-btn.active::before {
            content: '\f00c';
            border-color: #b92434;
            background: #b92434;
        }

.toggle-info {
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 20px;
}

.combi input.ui-slider-input {
    display: none;
}

.combi .ui-rangeslider .ui-rangeslider-sliders {
    margin-left: 7px;
    margin-right: 7px;
}

.slider-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

    .slider-label.start {
        float: left;
    }

    .slider-label.end {
        float: right;
    }

.combi .search-pnl .filter-footer {
    display: block;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 0px -6px 6px 0px rgba(0, 0, 0, 0.1);
}

    .combi .search-pnl .filter-footer .cta {
        border-radius: 5px;
        display: inline-block;
    }

.search-top::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.search-top {
    width: calc(100% - 122px);
    margin: 0 -5px;
    float: left;
}

    .search-top .search-col {
        padding: 0 5px;
        float: left;
        width: 14%;
        max-width: 190px;
        min-width: 135px;
    }

        .search-top .search-col.btn {
            width: 14.7%;
            max-width: 173px;
            min-width: 155px;
        }

        .search-top .search-col.more {
            width: 13%;
            max-width: 154px;
            min-width: 115px;
        }

        .search-top .search-col.reset {
            width: 8.3%;
            max-width: 60px;
            min-width: 60px;
        }

            .search-top .search-col.reset a {
                font-size: 0;
                line-height: 0;
            }

                .search-top .search-col.reset a i {
                    font-size: 14px;
                    display: block;
                    line-height: 20px;
                }

    .search-top .filter-header {
        position: relative;
        display: block;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        padding: 12px;
    }

    .search-top .search-btn {
        position: relative;
        display: block;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 0;
        text-align: center;
    }

    .search-top .reset .search-btn {
        font-size: 14px;
        color: #777;
        font-weight: 500;
    }

    .search-top .more .search-btn i {
        padding-left: 8px;
    }

    .search-top .filter-header::after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        top: 0;
        right: 0;
        line-height: 44px;
        width: 38px;
        text-align: center;
        color: #777;
        font-weight: 900;
        font-size: 16px;
    }

    .search-top .open .filter-header::after {
        content: "\f00d";
    }

    .search-top .search-col.btn a {
        display: block;
        background: rgb(59,189,230);
        background: -moz-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(127,214,242,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(127,214,242,1) 100%);
        background: linear-gradient(60deg, rgba(255, 20, 0, 1) 0%, rgba(255, 0, 100, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3bbde6",endColorstr="#7fd6f2",GradientType=1);
        border-radius: 5px;
        line-height: 44px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        transition: 0.3s;
    }

        .search-top .search-col.btn a i {
            line-height: 46px;
        }

        .search-top .search-col.btn a::before {
            font-family: 'Font Awesome 5 Pro';
            content: '\f02b';
            padding-right: 10px;
			font-size: 20px;
    		line-height: 36px;
        }

.search-col-header {
    position: relative;
}

.search-col-ddl {
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    min-width: 315px;
    z-index: 10;
    padding: 12px;
    border-radius: 5px;
    border-top-left-radius: 0;
}

.search-top .filter-header::before {
    content: '';
    display: none;
    position: absolute;
    bottom: -2px;
    left: -1px;
    right: -1px;
    height: 7px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    z-index: 11;
}

.search-top .open .filter-header {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

    .open .search-col-ddl, .search-top .open .filter-header::before {
        display: block;
    }

.search-col-ddl .filer.slider {
    margin-top: -10px;
}

.combi .sort-holder {
    float: right;
    position: relative;
}

    .combi .sort-holder a {
        display: block;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 18px;
    }

        .combi .sort-holder a i {
            color: #777;
        }

    .combi .sort-holder .sort-btn {
        display: none;
    }

.combi .sort-pnl {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 8px 24px 12px 24px;
    z-index: 9;
    border-radius: 5px;
    width: 300px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    display: none;
}

    .combi .sort-pnl .sort-header {
        display: block;
        position: relative;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        color: #1a1a1a;
        padding-bottom: 12px;
    }

        .combi .sort-pnl .sort-header a.close {
            position: absolute;
            right: -17px;
            top: -4px;
            border: none;
            background: none;
        }

    .combi .sort-pnl .list-sorter {
        width: 100%;
        margin: 0;
        box-shadow: none;
        margin-bottom: 12px;
    }

    .combi .sort-pnl .select2-container .select2-selection--single {
        border: 1px solid #ddd;
        border-radius: 5px;
        height: 46px;
    }

        .combi .sort-pnl .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 44px;
        }

        .combi .sort-pnl .select2-container .select2-selection--single .select2-selection__arrow {
            height: 42px;
        }

.select2-dropdown {
    border: 1px solid #ddd;
    border-radius: 5px;
}

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

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

.search-btn-mobile {
    display: none;
}

    .search-btn-mobile a {
        display: block;
        text-decoration: none;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 18px;
        margin: 0 5px;
    }

        .search-btn-mobile a i {
            color: #777;
        }

@media all and (max-width:1236px) {
    .search-top {
        display: none;
    }

    .combi {
        text-align: center;
    }

    .search-btn-mobile {
        display: inline-block;
    }

    .combi .sort-holder {
        display: inline-block;
        float: none;
        margin: 0 5px;
    }

    h1.mob-tc {
        text-align: center;
    }
}

.search-top .filter-header .filter-count {
    display: none;
}

.search-top .filter-header.has-values .filter-count {
    display: inline;
}

.search-top .filter-header.has-values .filter-label {
    display: none;
}

body.no-scroll {
    overflow-y: hidden;
}

.search-pnl .filter-toggle-group .filer {
    border-bottom: none;
}

.filter-group-sub.filer {
    padding: 15px 0 24px 0;
}

.filter-group-sub input[type=checkbox] + label {
    font-weight: 500;
}

/* Hide banner caption on home banners*/
.banner-holder .banner .banner-overlay {
    display: none;
}

.mob-small-show {
    display: none;
}

@media all and (max-width:786px) {
    .mob-small-hide {
        display: none;
    }

    .mob-small-show {
        display: block;
    }

        .mob-small-show .grid {
            display: flex;
            flex-wrap: wrap;
        }

            .mob-small-show .grid .grid-item {
                flex: 0 0 100%;
            }

                .mob-small-show .grid .grid-item.hide {
                    display: none;
                }

                .mob-small-show .grid .grid-item.order-1 {
                    order: 1;
                }

                .mob-small-show .grid .grid-item.order-2 {
                    order: 2;
                }

                .mob-small-show .grid .grid-item.order-3 {
                    order: 3;
                }

                .mob-small-show .grid .grid-item.order-4 {
                    order: 4;
                }

                .mob-small-show .grid .grid-item.order-5 {
                    order: 5;
                }
}

.movie-banner {
    position: relative;
}

    .movie-banner video {
        width: 100vw;
        height: 42vw;
        object-fit: cover;
        display: block;
    }

    .movie-banner .movie-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 60%;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }

.financing-note em p {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    font-style: italic;
}

#mc_embed_signup .mc-field-group .checkbox input {
    display: inline;
    width: auto;
}

.blog-item #mc_embed_signup form {
    margin-left: 0;
    margin-right: 0;
}

.blog-item #mc_embed_signup {
    width: 100%;
}

    .blog-item #mc_embed_signup .indicates-required, .blog-item #mc_embed_signup .mc-field-group {
        max-width: 500px;
    }

        .blog-item #mc_embed_signup .mc-field-group.content_gdprBlock, .blog-item #mc_embed_signup .mc-field-group.content_gdprBlock .mc-field-group {
            max-width: 100%;
        }

            .blog-item #mc_embed_signup .mc-field-group.content_gdprBlock .mc-field-group {
                padding-bottom: 20px;
            }

.reviews-bg {
    background: #fff;
    padding-bottom: 45px;
    padding-top: 0;
}

    .reviews-bg h2 {
        text-align: center;
        padding-bottom: 24px;
    }

.review-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    font: 400 14px / 18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    z-index: 999;
}

.review-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 580px;
    width: 100%;
    padding: 28px;
    border-radius: var(--border-radius);
    background: #fff;
}

    .review-popup .close {
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        width: 32px;
        line-height: 32px;
        text-align: center;
    }

        .review-popup .close i {
            line-height: 32px;
        }

.reviews-holder {
    position: relative;
    display: block;
    padding: 12px 100px;
    max-width: 1644px;
    margin: auto;
}

.reviews-bg .row.lr-only .col:first-child {
    text-align: right;
}

.reviews-bg .row.lr-only .col.xl12:first-child {
    text-align: center;
}

.reviews-bg .avg-rating {
    display: inline-block;
    text-align: left;
}

.reviews-holder .slick-arrow, .car-cards .slick-arrow {
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    color: var(--brown);
    background: rgba(212, 212, 212, 0.3);
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    cursor: pointer;
}

    .reviews-holder .slick-arrow.slick-prev {
        left: calc(-4vw - 16px);
    }

    .reviews-holder .slick-arrow.slick-next {
        right: calc(-4vw - 16px);
    }

.review {
    height: calc(100% - 24px);
    margin: 12px;
    padding: 24px;
    border-radius: var(--border-radius);
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    font: normal normal normal 14px/18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

    .review .comment .more-comment {
        display: none;
    }

    .review .review-header {
        position: relative;
        padding-left: 52px;
    }

        .review .review-header .reviewer-avatar {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
        }

            .review .review-header .reviewer-avatar img {
                width: 100%;
                display: block;
            }

        .review .review-header strong {
            display: block;
            line-height: 25px;
            font-weight: 700;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .review .review-header em {
            display: block;
            line-height: 16px;
            font-style: normal;
            font-size: 12px;
            color: #11111180;
        }

.rating {
    position: relative;
    padding: 12px 0 8px 0;
}

    .rating i {
        font-size: 16px;
        color: #11111133;
    }

    .rating .rating-fill {
        position: absolute;
        top: 12px;
        left: 0;
        color: #fcbf02;
        white-space: nowrap;
        overflow: hidden;
    }

        .rating .rating-fill i {
            color: #fcbf02;
        }

    .rating .rating-10 {
        width: 18px;
    }

    .rating .rating-15 {
        width: 27px;
    }

.review .rating .rating-20 {
    width: 36px;
}

.rating .rating-25 {
    width: 45px;
}

.rating .rating-30 {
    width: 54px;
}

.rating .rating-35 {
    width: 63px;
}

.rating .rating-40 {
    width: 72px;
}

.rating .rating-45 {
    width: 81px;
}

.review .read-more {
    display: block;
    color: #11111180;
    cursor: pointer;
    padding-top: 4px;
}

    .review .read-more.hidden {
        display: none;
    }

.review-popup .review {
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

@media all and (max-width:768px) {
    .reviews-bg .row.lr-only .col, .reviews-bg .row.lr-only .col:first-child {
        text-align: center;
    }
}

@media all and (max-width:685px) {
    .reviews-holder {
        padding: 12px 55px;
    }

        .reviews-holder .slick-arrow.slick-prev {
            left: -44px;
        }

        .reviews-holder .slick-arrow.slick-next {
            right: -44px;
        }
}

.avg-rating {
    padding: 0 12px 20px 12px;
}

    .avg-rating::after {
        content: '';
        display: block;
        clear: both;
    }

    .avg-rating img {
        display: block;
        height: 40px;
        float: left;
    }

    .avg-rating .avg-rating-content {
        float: left;
        padding-left: 24px;
    }

    .avg-rating .avg-rating-nr {
        float: left;
        line-height: 30px;
        font-size: 24px;
        color: #060405;
        font-weight: 500px;
    }

    .avg-rating .avg-rating-stars {
        float: left;
        padding-left: 12px
    }

        .avg-rating .avg-rating-stars .rating {
            padding: 3px 0;
        }

            .avg-rating .avg-rating-stars .rating .rating-fill {
                top: 3px;
            }

            .avg-rating .avg-rating-stars .rating i {
                font-weight: normal !important;
            }

            .avg-rating .avg-rating-stars .rating .rating-fill i {
                font-weight: 700 !important;
            }

    .avg-rating .avg-rating-text {
        line-height: 16px;
        font-size: 13px;
        color: #777;
    }

.reviews-banner-avg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
}

    .reviews-banner-avg .avg-rating-content {
        display: inline-block;
        padding: 14px 12px 3px 12px;
    }

        .reviews-banner-avg .avg-rating-content::after {
            content: '';
            display: block;
            float: none;
            clear: both;
        }

        .reviews-banner-avg .avg-rating-content .avg-rating-stars, .reviews-banner-avg .avg-rating-content .avg-rating-nr, .reviews-banner-avg .avg-rating-content .avg-rating-text {
            float: left;
        }

        .reviews-banner-avg .avg-rating-content .avg-rating-nr, .reviews-banner-avg .avg-rating-content .avg-rating-text {
            padding: 12px 0 8px 0;
            color: #fff;
            font-size: 22px;
            line-height: 27px;
        }

        .reviews-banner-avg .avg-rating-content .avg-rating-nr {
            padding-left: 17px;
        }

        .reviews-banner-avg .avg-rating-content .avg-rating-text {
            padding-left: 7px;
        }

    .reviews-banner-avg .rating i {
        font-size: 27px;
        padding-right: 6px;
        color: #fff;
    }

    .reviews-banner-avg .rating .rating-10 {
        width: 33px;
    }

    .reviews-banner-avg .rating .rating-15 {
        width: 52px;
    }

    .reviews-banner-avg .review .rating .rating-20 {
        width: 69px;
    }

    .reviews-banner-avg .rating .rating-25 {
        width: 88px;
    }

    .reviews-banner-avg .rating .rating-30 {
        width: 105px;
    }

    .reviews-banner-avg .rating .rating-35 {
        width: 125px;
    }

    .reviews-banner-avg .rating .rating-40 {
        width: 144px;
    }

    .reviews-banner-avg .rating .rating-45 {
        width: 161px;
    }

    .reviews-banner-avg .rating .rating-fill i {
        color: #fcbf02;
    }

.static-banner {
    position: relative;
}

    .static-banner img {
        display: block;
        width: 100%;
    }

    .static-banner .search-banner {
        bottom: 15%;
        padding-bottom: 75px;
    }

        .static-banner .search-banner .cc {
            max-width: 780px;
        }

        .static-banner .search-banner .home-search .cc {
            max-width: 780px;
            padding: 0;
        }

        .static-banner .search-banner h1 {
            text-align: left;
            padding-bottom: 10px;
        }

        .static-banner .search-banner p {
            color: #fff;
            font-size: 25px;
            line-height: 44px;
            max-width: 810px;
            padding: 0 0 48px 0;
        }

        .static-banner .search-banner .cta-text {
            display: block;
            text-align: center;
            color: #fff;
            font-size: 21px;
            margin-top: 62px;
        }

@media all and (max-width:1200px) {
    .static-banner .search-banner {
        bottom: 20px;
    }

        .static-banner .search-banner .cta-text {
            margin-top: 32px;
        }
}

@media all and (max-width:948px) {
    .static-banner .search-banner {
        bottom: 15%;
    }

        .static-banner .search-banner .cta-text {
            margin-top: 62px;
        }
}

@media all and (max-width:715px) {
    .static-banner .search-banner {
        bottom: 5%;
    }

        .static-banner .search-banner .cta-text {
            margin-top: 38px;
        }
}

.why-content {
    background: #fff;
}

    .why-content .why-img-holder {
        padding-top: 120px;
        position: relative;
    }

        .why-content .why-img-holder img {
            display: block;
            position: relative;
            width: 100%;
        }

    .why-content .why-labels {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

        .why-content .why-labels div {
            position: absolute;
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
        }

            .why-content .why-labels div::after {
                content: '';
                position: absolute;
                top: 22px;
                left: 50%;
                width: 1px;
                height: 200px;
                background: #1a1a1a;
            }

            .why-content .why-labels div.why-item-1 {
                left: 19.5%;
                top: 4vw;
            }

            .why-content .why-labels div.why-item-2 {
                left: 36%;
                top: 0;
            }

            .why-content .why-labels div.why-item-3 {
                left: 48%;
                top: 2vw;
            }

            .why-content .why-labels div.why-item-4 {
                left: 59%;
                top: 7.35vw;
            }

            .why-content .why-labels div.why-item-5 {
                left: 75.5%;
                top: 10.5vw;
            }

@media all and (max-width:1150px) {
    .why-content .why-labels div.why-item-1 {
        left: 17.5%;
        top: 4vw;
    }

    .why-content .why-labels div.why-item-2 {
        left: 35%;
        top: 0;
    }

    .why-content .why-labels div.why-item-3 {
        left: 48%;
        top: 2vw;
    }

    .why-content .why-labels div.why-item-4 {
        left: 59%;
        top: 7.35vw;
    }

    .why-content .why-labels div.why-item-5 {
        left: 73.5%;
        top: 10.5vw;
    }
}

@media all and (max-width:935px) {
    .why-content .why-labels div.why-item-1 {
        left: 10.5%;
        top: 4vw;
    }

    .why-content .why-labels div.why-item-2 {
        left: 30%;
        top: 0;
    }

    .why-content .why-labels div.why-item-3 {
        left: 46%;
        top: 2vw;
    }

    .why-content .why-labels div.why-item-4 {
        left: 56%;
        top: 7.35vw;
    }

    .why-content .why-labels div.why-item-5 {
        left: 68.5%;
        top: 10.5vw;
    }
}

@media all and (max-width:768px) {
    .why-content .why-labels div {
        position: absolute;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
    }

    .why-content .why-img-holder {
        padding-top: 60px;
    }

    .why-content .why-labels div.why-item-1 {
        left: 3.5%;
        top: 4vw;
    }

    .why-content .why-labels div.why-item-2 {
        left: 26%;
        top: 0;
    }

    .why-content .why-labels div.why-item-3 {
        left: 42%;
        top: 4vw;
    }

    .why-content .why-labels div.why-item-4 {
        left: 52%;
        top: 7.35vw;
    }

    .why-content .why-labels div.why-item-5 {
        left: 63.5%;
        top: 10.5vw;
    }
}

@media all and (max-width:600px) {
    .why-content .why-labels div {
        position: absolute;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        padding-left: 30px;
    }

        .why-content .why-labels div::after {
            content: '\f00c';
            font-family: 'Font Awesome 5 Pro';
            line-height: 22px;
            top: 0px;
            left: 0;
            width: auto;
            height: 22px;
            ;
            background: none;
        }

    .why-content .why-img-holder {
        padding-top: 90px;
    }

    .why-content .why-labels div.why-item-1 {
        left: 24px;
        top: 0;
    }

    .why-content .why-labels div.why-item-2 {
        left: 24px;
        top: 30px;
    }

    .why-content .why-labels div.why-item-3 {
        left: 24px;
        top: 60px;
    }

    .why-content .why-labels div.why-item-4 {
        left: 24px;
        top: 90px;
    }

    .why-content .why-labels div.why-item-5 {
        left: 24px;
        top: 120px;
    }
}

.about-holder.full-width {
    padding-bottom: 0;
    background: #f5f5f5;
}

.full-width .about {
    align-items: flex-start;
}

    .full-width .about img {
        width: 38%;
        flex: 0 0 38%;
    }

    .full-width .about .about-content {
        width: 62%;
        flex: 0 0 62%;
        font-size: 18px;
        line-height: 24px;
        padding-top: 24px;
    }

        .full-width .about .about-content img {
            width: auto;
            max-width: 100%;
        }

.full-width .about-content p {
    font-size: 18px;
    line-height: 24px;
}

    .full-width .about-content p + ul {
        margin-top: 0;
        padding-left: 24px;
    }

.row.center {
    align-items: center;
}

.target-items img {
    display: block;
    width: 100%
}

@media all and (max-width: 650px) {
    .static-banner .search-banner h1 {
        display: block;
    }

    .static-banner .search-banner .cc {
        padding: 0 24px;
    }

    .static-banner .search-banner .static-banner-content {
        padding-bottom: 20%;
    }

    .static-banner {
        padding-bottom: 460px;
        background: rgba(0,0,0,0.75);
    }

        .static-banner .search-banner {
            position: absolute;
            transform: none;
            top: auto;
            bottom: 24px;
            background: none;
            padding-bottom: 115px;
        }

            .static-banner .search-banner .cta-text {
                margin-top: 24px;
            }

        .static-banner .home-search .search-holder {
            background: none;
            padding: 12px 0;
        }

    .reviews-banner-avg .avg-rating-content .avg-rating-stars {
        float: none;
        width: 182px;
        margin: auto;
    }

    .reviews-banner-avg .avg-rating-content .avg-rating-nr, .reviews-banner-avg .avg-rating-content .avg-rating-text {
        padding-top: 2px;
    }
}

@media all and (max-width:1145px) {
    h2 {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .large-headers h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .about .about-content h2 {
        margin: 0;
        padding: 0 0 32px 0;
    }

    h3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media all and (max-width:430px) {
    .static-banner .search-banner h1 {
        padding-bottom: 0;
    }

    .static-banner .search-banner p {
        font-size: 20px;
        line-height: 32px;
    }

    .reviews-banner-avg .avg-rating-content .avg-rating-nr, .reviews-banner-avg .avg-rating-content .avg-rating-text {
        font-size: 16px;
    }
}

.car-location-holder, .car-prepare-holder {
    border-top: 1px solid #ddd;
}

.car-location, .car-prepare {
    color: #535353;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    position: relative;
    padding-left: 60px;
    padding-top: 27px;
}

    .car-location i, .car-prepare img {
        display: block;
        position: absolute;
        top: 27px;
        left: 0;
        font-size: 50px;
        color: #AA3339;
    }

    .car-prepare img {
        width: 44px;
    }

    .car-location span {
        font-size: 13px;
    }

    .car-prepare .car-prepare-content {
        line-height: 24px;
        padding: 10px 0;
        color: #B92434;
        font-size: 16px;
        font-weight: 500;
    }

        .car-prepare .car-prepare-content i {
            color: #999;
            font-size: 15px;
            line-height: 24px;
        }

    .car-prepare .car-prepare-tooltip {
        display: none;
        text-align: left;
        position: absolute;
        right: -10px;
        bottom: 35px;
        background: #fff;
        font-size: 14px;
        color: #333;
        padding: 10px 14px;
        border-radius: 5px;
        border: 1px solid #ddd;
    }

.col.pb-none {
    padding-bottom: 0;
}

@media(hover: hover) {
    a:hover {
        color: #b92434;
    }

    header nav a:hover {
        color: #b92434
    }

    .banner-holder .banner .banner-overlay a:hover {
        transition: .3s;
        color: #fff;
        border-color: #b92434
    }

    .cta:hover, .cta.no-bg:hover, .cta.outline:hover {
        background: #b92434;
        border-color: #b92434;
        color: #fff;
        transition: .3s
    }

    .cars .card:hover .car-img .hover-overlay {
        opacity: 1;
        transition: .3s
    }

        .cars .card:hover .car-img .hover-overlay::before, .cars .card:hover .car-img .hover-overlay::after {
            transform: translate(-50%, -50%) scale(1, 1);
            transition: .3s
        }

    .cars .card:hover .car-cta {
        color: #fff;
        background: #b92434;
    }

    .carpass-holder a.info:hover i {
        color: #444;
        transition: 0.3s
    }

    .actions .action a:hover, .actions .action a.primary:hover {
        background: #fff;
        border-color: #b92434;
        color: #b92434;
        transition: .3s
    }

    .mnu-right-icon:hover i {
        color: #fff !important;
        background: #b92434;
        transition: 0.3s;
    }

    .home-cta-block:hover .home-cta-btn {
        transform: scale(1.1);
        transition: .3s;
    }


    .thumbs div.img:hover a {
        opacity: 1;
        transition: 0.3s;
    }

    .blog-overview .card:hover .blog-img .hover-overlay::before, .blog-overview .card:hover .blog-img .hover-overlay::after {
        transform: translate(-50%, -50%) scale(1, 1);
        transition: .3s;
    }

    .blog-overview .card:hover .hover-overlay {
        opacity: 1
    }

    .blog-overview .card:hover .blog-more {
        background: #b92434;
        color: #fff;
        transition: 0.3s;
    }

    .deliverycost-holder a.info:hover i {
        color: #444;
        transition: 0.3s
    }

    .btn-filter a:hover {
        background: rgb(59,189,230);
        background: -moz-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        background: linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3bbde6",endColorstr="#3bbde6",GradientType=1);
        transition: 0.3s;
    }

    .category-holder a:hover {
        background: #b92434;
        transition: 0.3s;
    }

        .category-holder a:hover span {
            color: #fff;
            transition: 0.3s;
        }

        .category-holder a:hover img {
            filter: invert(100%) sepia(18%) saturate(7500%) hue-rotate(291deg) brightness(129%) contrast(113%);
        }

    .grid-item-inner .button:hover, .cta-holder .button:hover {
        color: #fff;
        background: #1a1a1a;
        transition: 0.3s;
    }

    .budget-search a:hover {
        color: #fff;
        background: #1a1a1a;
        transition: 0.3s;
    }

    .trade-in .purchase-box a:hover {
        background: #1a1a1a;
        color: #fff;
        transition: 0.3s;
    }

    .footer-cta a:hover {
        background: #b92434;
        color: #fff;
        transition: 0.3s;
    }

    .footer-cta a:hover {
        color: #fff;
        text-decoration: none;
    }

    footer a:hover {
        text-decoration: underline
    }

    footer a.cta:hover {
        text-decoration: none
    }

    .footer-links a.link:hover {
        text-decoration: underline
    }

    .team .team-item .contact a:hover {
        background: #b92434;
        color: #fff;
        transition: 0.3s;
    }

    .search-top .search-col.btn a:hover {
        background: rgb(59,189,230);
        background: -moz-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        background: linear-gradient(90deg, rgba(59,189,230,1) 0%, rgba(59,189,230,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3bbde6",endColorstr="#3bbde6",GradientType=1);
        transition: 0.3s;
    }
}

.fancybox-container {
    z-index: 900000 !important;
}

.select2-dropdown {
    border-color: #efefef;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 24px;
    padding-top: 0;
    color: #666;
}

.select2-container--open .select2-dropdown--below {
    transform: translateY(3px);
    border-top: 1px solid #efefef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.select2-container--open .select2-dropdown--above {
    transform: translateY(-2px);
    border-bottom: 1px solid #efefef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y: scroll;
    padding-bottom: 8px;
    padding-top: 8px;
}

.select2-results__option {
    padding: 8px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    margin-bottom: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee;
    color: #222;
}

@media (hover: hover) {

    .select2-results__options::-webkit-scrollbar {
        width: 16px;
    }

    .select2-results__options::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .select2-results__options::-webkit-scrollbar-thumb {
        background-color: #d6dee1;
        border-radius: 16px;
        border: 4px solid transparent;
        background-clip: content-box;
    }

        .select2-results__options::-webkit-scrollbar-thumb:hover {
            background-color: #a8bbbf;
        }
}

.main-cta {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

    .main-cta img {
        display: block;
        width: 100%;
        aspect-ratio: 457 / 560;
        object-fit: cover;
    }

    .main-cta.w-double img {
        aspect-ratio: 938 / 560;
    }

    .main-cta .main-cta-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
        padding: 95px 32px 35px 32px;
        color: #fff;
    }

        .main-cta .main-cta-overlay span {
            font-size: 16px;
            line-height: 1.5;
            font-weight: 600;
            display: block;
            padding-bottom: 22px;
            max-width: 350px;
        }

        .main-cta .main-cta-overlay::after {
            content: '';
            display: block;
            float: none;
            clear: both;
        }

    .main-cta .main-cta-overlay-left, .main-cta .main-cta-overlay-right {
        float: left;
        width: 50%;
    }

.main-ctas .mobile-show {
    display: none;
}

@media all and (max-width:767px) {
    .main-ctas .mobile-show {
        display: block;
    }

    .main-cta img, .main-cta.w-double img {
        aspect-ratio: 1 / 1;
    }

    .main-cta .main-cta-overlay-right {
        display: none;
    }

    .main-cta .main-cta-overlay-left {
        width: 100%;
    }
}

.hidden-options {
    display: flex;
    display: none;
}
.all-options{
	display:none;
}

a.options-link {
    color: #777;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
}

.header-btns {
    float: left;
}

    .header-btns a {
        display: inline-block;
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0 18px 0 0;
    }

        .header-btns a i {
            padding-right: 8px;
        }

.card-header.header-line-below::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.card-header.header-line-below {
    border-bottom: 1px solid #ddd;
    padding: 25px 24px;
}

.clamped {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sm-show{
display:none;
}

@media all and (max-width: 768px){
.sm-show{
display:block;
}
.sm-hide{
display:none;
}
}

















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */