/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(39,25): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(52,21): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(76,21): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(82,21): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(92,17): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(95,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(101,22): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(103,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(107,22): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(116,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(126,26): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(142,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(162,17): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(167,22): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(171,28): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(177,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(201,28): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(207,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(215,22): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(257,21): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(266,25): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(272,30): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(330,25): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(475,25): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(537,21): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(563,29): run-time error CSS1039: Token not allowed after unary operator: '-site-max-width'
(716,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-font'
(719,21): run-time error CSS1039: Token not allowed after unary operator: '-site-red'
(737,26): run-time error CSS1039: Token not allowed after unary operator: '-site-red-alt'
 */
:root {
    --site-max-width: 978px;
    --site-red: #E1120C;
    --site-red-alt: #F4A6A4;
    --OLDheading-font: 'Libre Baskerville', serif;
    --heading-font: 'Catamaran', sans-serif;
}

.logo {
    transition: all 0.3s ease-in-out;
    padding-left:1rem;
}

#welcome {
    background: #C8C8C8;
    margin: 0 auto;
    font-size: 0.9rem;
    line-height: 1.15rem
}

    #welcome h1 {
        font-family: var(--heading-font);
        font-weight: 700;
        font-size: 1.55rem;
        padding-left: 32px
    }

@media (min-width: 992px) {

    #js-part-finder-form {
        position:sticky;
        top:74px;
        background-color:white;
    }

    #welcome {
        background: #C8C8C8 url(/includes/img/home-struts.png) no-repeat;
        background-position: 24px 390px;
        max-width: var(--site-max-width);
        margin: 0 auto;
        font-size: 0.9rem;
        padding-left: 0;
        line-height: 1.1rem
    }

        #welcome h1 {
            font-size: 2rem
        }
}

#eziliftCarousel {
    max-width: var(--site-max-width);
    margin: 0 auto
}

    #eziliftCarousel .carousel-indicators {
        display: none
    }

@media (min-width: 577px) {

    #eziliftCarousel .carousel-indicators {
        margin-bottom: 0px;
        display:flex
    }

        #eziliftCarousel .carousel-indicators button {
            height: 12px;
            width: 12px;
            border-radius: 50%;
            margin: 0 5px;
        }
}

.heading .container {
    max-width: var(--site-max-width);
}



#part-finder, #contact, #install, #benefits, #universal, #warranty, #whereToBuy, .ezi-logo {
    max-width: var(--site-max-width);
}

.ezi-logo {
    text-align: right;
    margin: 2rem auto;
}

#part-finder h3 {
    text-transform: uppercase;
    color: var(--site-red);
    margin-bottom: 10px;
    padding: 0;
    font-family: var(--heading-font);
    font-size: 1.3rem
}


#part-finder .card-header {
    background: var(--site-red);
    color: white;
    font-family: var(--heading-font);
}

.heading {
    background: var(--site-red);
    padding: 1.2rem 0 4rem
}

    .heading h2 {
        text-transform: uppercase;
        color: white;
        margin-bottom: 0;
        padding: 0;
        font-family: var(--heading-font);
        font-weight: 700;
        font-size: 2rem;
        
        text-align:center
    }

@media (min-width: 577px) {

    .heading {
        background: var(--site-red);
        padding: 1.5rem 0 5rem
    }
        .heading h2 {
            font-size: 2.3rem;
            margin-left: 0;
            text-align: left;
            margin-left: 22px;
        }
}

h4 {
    text-transform: uppercase;
    color: var(--site-red);
    margin-bottom: 0;
    padding: 0;
    font-family: var(--heading-font);
    font-size: 1rem
}

#whereToBuy h4 {
    margin-bottom:1rem
}

#whereToBuy a {
    text-decoration:none;
    color:black
}

.sub-page {
    margin-top: -3.5rem;
    background: white;
    padding: 3.5rem 2rem
}

h3 {
    color: var(--site-red);
    text-transform: uppercase
}

.ezi-btn {
    background: var(--site-red);
    color: white;
    text-transform: uppercase;
    padding: .5rem 2rem;
    border: solid 1px var(--site-red);
    border-radius:0;
}

.ezi-btn-lg {
    padding: 1rem 1.5rem 0.9rem;
    font-family: var(--heading-font);
    font-size: 1.2rem;
    box-shadow: rgba(0,0,0,0.2) 2px 2px;
    border-radius: 0;
}


.ezi-btn-lg:hover {
    background: black!important;
    color:white!important;
}
    .ezi-btn-alt {
    background: #181715;
    border-color: #181715;
}


    .btn.ezi-btn-alt:hover {
        background: rgba(255,255,255,0.2)!important;
        color:white!important;
        border-color: #181715!important;
    }

    .btn.ezi-btn-lg:hover {
    border: solid 1px var(--site-red) !important;
    background: linear-gradient(45deg,"#E1120C","#700906" ) !important
}

.ezi-btn em {
    text-transform: none;
    font-family: var(--bs-body-font-family)
}

.logo img {
    max-width: 300px
}

.header-top {
    background: var(--site-red);
    height: 24px;
    display: block;
    position: relative;
}

    .header-top::after {
        content: '';
        height: 10px;
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #181816
    }


.header-bottom {
    background: #B3B3B3;
    height: 18px;
    display: block;
    position: relative;
}

.header-bottom::before {
    content: '';
    height: 10px;
    display: block;
    background-color: #B3B3B3
}

.header-bottom::after {
    content: '';
    height: 9px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #181816
}

@media (min-width: 776px) {

    .logo img {
        width: var(--site-max-width);
        max-width: 80%
    }
}


    @media (min-width: 992px) {

        .logo img {
            width: var(--site-max-width);
            max-width: 100%
        }


        .header-top {
            background: var(--site-red);
            height: 90px;
            display: block;
            position: relative;
        }

            /* .header-top::before {
            content: '';
            height: 20px;
            display: block;
            background-color: white
        }*/

            .header-top::after {
                content: '';
                height: 20px;
                position: absolute;
                bottom: 0;
                width: 100%;
                background-color: #181816
            }


        .header-bottom {
            background: #B3B3B3;
            height: 34px;
            display: block;
            position: relative;
        }

            .header-bottom::before {
                content: '';
                height: 6px;
                display: block;
                background-color: white;
                position: absolute;
                bottom: 10px;
            }

            .header-bottom::after {
                content: '';
                height: 18px;
                position: absolute;
                bottom: 0;
                width: 100%;
                background-color: #181816
            }
    }

    #mainNav {
        width: 100%;
    }

    .navbar {
        padding: 0
    }

    .navbar-nav {
        max-width: var(--site-max-width);
    }

    #mainNav li a {
        text-transform: uppercase;
        font-weight: 500;
        color: black;
        padding: 10px 24px;
    }

    #mainNav li {
        position: relative
    }

    #navWrapper {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        background: white;
        min-height: 88px
    }

        #navWrapper .nav-item {
            background: white;
        }

            #navWrapper .nav-item a {
                padding:15px 22px
            }
            #navPlaceholder {
        height: 86px
    }

    @media (min-width: 577px) {
        #navPlaceholder {
            height: 120px
        }
        #navWrapper .nav-item a {
            padding: 15px 40px
        }

        #navWrapper .nav-item {
            background: white;
            padding:0;
        }


        #navWrapper nav {
            background: rgba(255,255,255,0.95);
        }

        .is-scrolled .logo img {
            height: auto
        }

        #navWrapper {
            position: static;
            z-index: 10;
            background: white
        }

        #navPlaceholder {
            height: 0
        }
    }

    @media (min-width: 992px) {
        #mainNav li a {
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 500;
            padding: 12px 34px;
            color: black;
        }
    }





@media (min-width: 821px) {
    #mainNav li a {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        padding: 15px 36px;
        color: black;
    }

    .is-scrolled {
        position: sticky !important;
        top: -260px !important;
        z-index: 100;
        opacity: 0.95
    }

        .is-scrolled #mainNav li a {
            padding: 1px 35px;
            font-size: 18px;
            color: white;
        }


    #navWrapper.is-scrolled nav, #navWrapper.is-scrolled .nav-item {
        background: RGBA(225, 18, 12,0.95)
    }

        #navWrapper.is-scrolled nav li a {
            color: white
        }
}


    @media (min-width: 1181px) {
        #mainNav li a {
            text-transform: uppercase;
            font-size: 1.25rem;
            font-weight: 500;
            padding: 15px 38px;
            color: black;
            
        }

        .is-scrolled {
            position: sticky !important;
            top: -260px !important;
            z-index: 100;
            opacity: 0.95
        }

            .is-scrolled #mainNav li a {
                padding: 10px 35px;
                font-size: 18px;
            }

        #navWrapper.is-scrolled nav, #navWrapper.is-scrolled .nav-item {
            background: RGBA(225, 18, 12,0.95)
        }

            #navWrapper.is-scrolled nav li a {
                color: white
            }

        #mainNav li a.dropdown-toggle.nav-link.show, #mainNav li a.dropdown-toggle.nav-link.show a {
            color: var(--site-red);
        }


        li.nav-item {
            position: relative
        }

            li.nav-item::after {
                content: "|";
                position: absolute;
                color: #B3B3B1;
                top: 50%;
                transform: translateY(-50%);
                right: -2px
            }

        #mainNav li.last::after {
            content: "";
        }
    }

.dropdown-toggle.nav-link.show {
    background: #616161;
    color: white
}

    .dropdown-menu[data-bs-popper] {
        margin-top: 0;
        border: 0
    }


    #mainNav .dropdown-menu {
        border-radius: 0;
        min-width: 238px
    }

        #mainNav .dropdown-menu a {
            color: white;
            border-bottom: solid 1px white;
            padding: 4px 14px;
        }

            #mainNav .dropdown-menu a.last {
                border-bottom: 0;
            }

            #mainNav .dropdown-menu a:hover {
                color: black
            }

    #mainNav .nav-link:hover {
        background: #181816;
        color: #E1120C
    }

        #mainNav .nav-link:hover::after {
            background: #181816;
        }

    #mainNav .dropdown-toggle.nav-link.show a {
        color: var(--site-red);
    }


    #find-by-part {
        background: #C7C7C7;
        font-size: 18px
    }

        #find-by-part h4 {
            color: black;
        }

    a.lnk {
        color: #E1120C;
        text-transform: uppercase;
    }

    footer {
        background: #181816;
        color: white;
        margin: 0 auto;
        padding: 2rem
    }

        footer .container {
            max-width: var(--site-max-width);
        }

        footer ul {
            list-style: none
        }

            footer ul li a {
                color: white;
                text-transform: uppercase;
                text-decoration: none;
                font-size: 12px
            }

        footer .nav-link {
            padding: 8px 6px
        }


    @media (min-width: 577px) {

        .dropdown-toggle.nav-link.show {
            background: black;
            color: white
        }
        footer ul li a {
            color: white;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 14px
        }

        footer .nav-link {
            padding: 10px 8px
        }
    }



    footer .nav-link:nth-child(1) {
        padding-left: 0
    }

    footer ul li a:hover {
        color: white;
        opacity: 0.9
    }


    .carousel-control-next, .carousel-control-prev {
        opacity: 0.98
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        border: solid 3px black;
        border-radius: 50%;
        background-color: rgba(255,255,255,1);
        color: black;
        padding: 14px;
        background-size: 20px;
    }

    @media (min-width: 577px) {
        .carousel-control-next-icon, .carousel-control-prev-icon {
            padding: 18px;
            background-size: 20px;
            border: solid 4px black;
        }
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }


    .carousel-control-next, .carousel-control-prev {
        width: 50px;
        color: #fff;
        text-align: center;
        opacity: .75;
        transition: opacity .15s ease;
    }

    @media (min-width: 577px) {

        .carousel-control-next, .carousel-control-prev {
            width: 20px;
        }
    }


        .ezi-table th {
            background: #181816;
            color: white;
            font-size: 14px;
            padding-left: 1rem
        }


#tbl-Universal.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: white;
}

#tbl-Universal.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #EFB7B8;
}

#tbl-Universal.table-striped td {
    border-bottom: 0;
    font-size: 14px;
    padding-left: 1rem;
    text-align: center
}

        .table-striped td:nth-child(1) {
            font-weight: bold;
            text-align: left;
            max-width: 70px
        }


    .navbar-toggler {
        position: absolute;
        right: 7px;
        top: -61px;
        color: white;
        z-index: 10;
        border: solid 1px #D0D0D0;
        background: #efefef;
        border:0
    }

@media (min-width: 577px) and (max-width: 820px) {
    .navbar-toggler {
        top: -65px;
    }
}


    .navbar-toggler:hover {
        background-color: #616161
    }


    .copyright {
        font-size: 10px
    }

    .helpline {
        font-family: var(--heading-font);
        letter-spacing: 2px;
        font-size: 1.6rem;
        color: var(--site-red);
        margin-bottom: 2rem;
        font-weight: bold
    }

    @media (min-width: 577px) {

        .helpline {
            letter-spacing: 5px;
            font-size: 2rem;
        }
    }

    #js-part-finder-vehicles tr {
        cursor: pointer
    }

    tr.selected {
        background: var(--site-red-alt)
    }

    #fb-table img {
        width: 100px;
    }