@charset "utf-8";

/* ==========================================================
   Global Reset
========================================================== */

* {
    box-sizing: border-box;
}


html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;

    font-family:
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    color: #333;
    background: #ffffff;
}


img {
    max-width: 100%;
    height: auto;
}


a {
    color: #939598;
    text-decoration: none;
}


a:hover {
    text-decoration: none;
}



/* ==========================================================
   Main Layout
========================================================== */

.site-header,
.site-footer {
    width: 100%;
}


.site-logo {

    max-width: 600px;

    width: 100%;

    height: auto;

    margin: 10px auto;

}



main {

    width: 100%;

}



.container-fluid {

    padding-left: 15px;
    padding-right: 15px;

}



/* ==========================================================
   Navigation Improvements
========================================================== */


.navbar {

    border-radius: 0;

    margin-bottom: 20px;

}



.navbar-nav > li > a {

    font-size: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

}



/* ==========================================================
   Homepage Sections
========================================================== */


.customContent {

    width: 100%;

    max-width: 1200px;

    margin: auto;

}



.row[name="carousel"] .col-lg-12 {

    padding: 0 !important;

}



.row[name="customContent"] {

    width: 100%;

}



.panel {

    border-radius: 6px;

}



.panel-heading {

    font-weight: bold;

}



/* ==========================================================
   Footer
========================================================== */


.site-footer {

    background: #111;

    color: #ccc;

    margin-top: 40px;

    padding: 35px 20px 15px;

}



.site-footer h4 {

    color: #ffffff;

    font-size: 18px;

    margin-bottom: 15px;

}



.footer-links {

    padding:0;

    margin:0;

}



.footer-links li {

    margin-bottom:8px;

}



.footer-links a {

    color:#bbb;

}



.footer-links a:hover {

    color:#ffffff;

}



.footer-copyright {

    margin-top:25px;

    padding-top:15px;

    border-top:1px solid #333;

}



/* ==========================================================
   Alerts
========================================================== */


.alert {

    margin-top:15px;

}



/* ==========================================================
   Gallery Viewer
========================================================== */


.picshade {

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:#000;

    opacity:.91;

    z-index:99;

    display:none;

}



.pictures_eyes_close {

    position:fixed;

    top:40px;

    right:30px;

    width:30px;

    height:30px;

    background:url("../images/core/close.png") no-repeat center;

    cursor:pointer;

    z-index:1001;

    display:none;

}



.pictures_eyes {

    position:fixed;

    width:100%;

    left:0;

    top:10vh;

    z-index:199;

    display:none;

}



.pictures_eyes_in {

    text-align:center;

}



.pictures_eyes_in img {

    max-height:80vh;

    max-width:95vw;

}



.pictures_eyes_in .prev,
.pictures_eyes_in .next {

    position:absolute;

    top:50%;

    width:51px;

    height:51px;

    cursor:pointer;

}



.pictures_eyes_in .prev {

    left:35px;

    background:url("../images/core/Tleft.png") no-repeat;

}



.pictures_eyes_in .next {

    right:35px;

    background:url("../images/core/Tright.png") no-repeat;

}



.pictures_eyes_indicators {

    position:fixed;

    bottom:15px;

    left:0;

    width:100%;

    text-align:center;

    z-index:299;

}



.pictures_eyes_indicators a {

    display:inline-block;

    width:70px;

    height:70px;

    margin:5px;

    opacity:.5;

    overflow:hidden;

}



.pictures_eyes_indicators img {

    width:100%;

    height:70px;

    object-fit:cover;

}



.pictures_eyes_indicators .current {

    opacity:1;

}



/* ==========================================================
   Utility Classes
========================================================== */


.blue-link {

    color:#007bff !important;

    text-decoration:underline;

}



/* ==========================================================
   Mobile Optimization
========================================================== */


@media(max-width:768px) {


    body {

        font-size:15px;

    }


    .site-logo {

        max-width:100%;

    }


    .pictures_eyes_in img {

        max-width:100%;

        max-height:70vh;

    }


    .pictures_eyes_in .prev {

        left:10px;

    }


    .pictures_eyes_in .next {

        right:10px;

    }


}



@media(max-width:480px) {


    body {

        font-size:14px;

    }


    .site-footer {

        text-align:center;

    }


}

/* ==========================================================
   Modern Homepage Components
========================================================== */


/* Homepage spacing */

.home-section {

    width:100%;

    max-width:1200px;

    margin:0 auto 40px auto;

}


/* Section titles */

.section-title {

    color:#333;

    font-size:30px;

    font-weight:600;

    margin-bottom:25px;

    line-height:1.3;

}


.section-title a {

    color:inherit;

}



/* Welcome panel */

.welcome-section .panel {

    border:0;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}


.welcome-section .panel-body {

    padding:30px;

    font-size:16px;

    line-height:1.7;

}



/* Inventory Category Cards */

.inventory-categories {

    margin-top:20px;

}



.category-card {

    background:#ffffff;

    border-radius:8px;

    overflow:hidden;

    margin-bottom:30px;

    box-shadow:0 3px 12px rgba(0,0,0,.12);

    transition:transform .25s ease,
               box-shadow .25s ease;

}



.category-card:hover {

    transform:translateY(-5px);

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}



.category-card img {

    width:100%;

    display:block;

}



.category-card h3 {

    text-align:center;

    font-size:20px;

    font-weight:600;

    color:#333;

    padding:18px 10px;

    margin:0;

}





/* Shipping Banner */

.shipping-banner {

    width:100%;

    border-radius:6px;

    box-shadow:0 3px 10px rgba(0,0,0,.12);

}





/* Benefits Section */

.benefits-section {

    background:#f7f7f7;

    padding:35px 25px;

    border-radius:8px;

}



.benefits-section h3 {

    color:#e67e22;

    font-size:22px;

    margin-bottom:12px;

}



.benefits-section p {

    font-size:15px;

    line-height:1.6;

}





/* Homepage carousel */

.homepage-slider {

    width:100%;

    overflow:hidden;

}



.homepage-slider img {

    width:100%;

}



.carousel-caption {

    background:rgba(0,0,0,.45);

    padding:20px;

    border-radius:8px;

    bottom:60px;

}



.carousel-caption h1,
.carousel-caption h2 {

    color:#ffffff;

    font-weight:700;

    text-shadow:0 2px 4px rgba(0,0,0,.6);

}



.carousel-caption p {

    color:#ffffff;

    font-size:18px;

}





/* Buttons */

.btn-warning {

    background:#5389ed

    border-color:#5389ed;

}



.btn-warning:hover {

    background:#0741ad;

    border-color:#0741ad;

}





/* Mobile Homepage */

@media(max-width:768px) {


    .home-section {

        margin-bottom:25px;

    }


    .section-title {

        font-size:24px;

        text-align:center;

    }


    .welcome-section .panel-body {

        padding:20px;

    }


    .carousel-caption {

        bottom:20px;

        padding:10px;

    }


    .carousel-caption h1 {

        font-size:22px;

    }


    .carousel-caption h2 {

        font-size:18px;

    }


    .carousel-caption p {

        display:none;

    }


}



@media(max-width:480px) {


    .category-card h3 {

        font-size:18px;

    }


    .benefits-section {

        padding:20px 10px;

    }


}


/* ==========================================================
   Dealership Header Brand
========================================================== */


.dealer-brand {

    padding:20px 10px;

    background:#ffffff;

}


.dealer-name {

    font-size:32px;

    font-weight:700;

    color:#333;

    letter-spacing:.5px;

}


.dealer-tagline {

    font-size:15px;

    color:#777;

    margin-top:5px;

}



.dealer-brand-link:hover {

    text-decoration:none;

}





@media(max-width:768px){


    .dealer-name {

        font-size:24px;

    }


    .dealer-tagline {

        font-size:13px;

    }


}

/* ==========================================================
   Navbar Logo + Company Name
========================================================== */

.navbar {
    min-height: 55px;
}


.navbar-brand {

    display:flex !important;

    align-items:center;

    height:55px;

    padding:5px 15px;

}


.navbar-logo {

    height:42px;

    width:auto;

    max-width:120px;

    object-fit:contain;

}



.brand-name {

    margin-left:10px;

    color:#ffffff;

    font-size:16px;

    font-weight:600;

    white-space:nowrap;

}



/* Keep menu aligned vertically */

.navbar-nav > li > a {

    line-height:25px;

    padding-top:15px;

    padding-bottom:15px;

}



/* Mobile */

@media(max-width:768px) {


    .navbar-brand {

        height:50px;

        padding:5px 10px;

    }


    .navbar-logo {

        height:35px;

    }


    .brand-name {

        font-size:14px;

    }


}

/* ==========================================================
   Main Navigation Brand
========================================================== */


.navbar-main {

    min-height:55px;

}


.navbar-brand {

    display:flex !important;

    align-items:center;

    height:55px;

    padding:5px 15px;

}



.navbar-logo {

    height:40px;

    width:auto;

    max-width:120px;

    object-fit:contain;

}



.navbar-company-name {

    margin-left:10px;

    color:#ffffff;

    font-size:16px;

    font-weight:600;

    white-space:nowrap;

}




.navbar-nav > li > a {

    padding-top:18px;

    padding-bottom:17px;

}





/* Tablet */

@media(max-width:1050px){


    .navbar-company-name {

        display:none;

    }


}




/* Mobile */

@media(max-width:767px){


    .navbar-brand {

        height:50px;

        padding:5px 10px;

    }



    .navbar-logo {

        height:34px;

    }


}


/* ==========================================================
   Featured Inventory
========================================================== */


.homepage-section {

    margin-bottom:40px;

}



.featured-inventory {

    width:100%;

}



.section-title {

    text-align:center;

    margin-bottom:30px;

}



.section-title h2 {

    font-size:32px;

    font-weight:bold;

    color:#333;

}



.section-title p {

    color:#777;

    font-size:16px;

}





.inventory-card {

    background:#ffffff;

    border:1px solid #ddd;

    border-radius:8px;

    overflow:hidden;

    margin-bottom:30px;

    transition:.3s;

}



.inventory-card:hover {

    box-shadow:0 5px 15px rgba(0,0,0,.15);

}



.inventory-image {

    width:100%;

    height:220px;

    object-fit:cover;

}



.inventory-content {

    padding:15px;

    text-align:center;

}



.inventory-content h3 {

    font-size:18px;

    min-height:45px;

}



.inventory-price {

    font-size:22px;

    font-weight:bold;

    color:#d35400;

    margin:10px 0;

}



.inventory-button {

    margin-top:20px;

}





@media(max-width:768px){


    .section-title h2 {

        font-size:26px;

    }


    .inventory-image {

        height:auto;

    }


}


.inventory-list {
    width:100%;
}


.inventory-item {

    display:flex;

    gap:25px;

    padding:20px;

    margin-bottom:20px;

    background:#fff;

    border:1px solid #ddd;

    border-radius:8px;

}



.inventory-image {

    width:180px;

    flex-shrink:0;

}


.inventory-image img {

    width:100%;

    border-radius:6px;

}



.inventory-info {

    flex:1;

}



.inventory-info h4 {

    margin-top:0;

    color:#333;

}



.inventory-specs {

    display:grid;

    grid-template-columns:repeat(2, minmax(150px,1fr));

    gap:10px;

    margin:15px 0;

}



@media(max-width:768px){


.inventory-item {

    flex-direction:column;

}



.inventory-image {

    width:100%;

}



.inventory-specs {

    grid-template-columns:1fr;

}


}

/* ==========================================================
   Modern Homepage Hero Section
========================================================== */


.hero-section {

    width:100%;

    padding:40px 20px;

    background:#f8f8f8;

    margin-bottom:30px;

}



.hero-content {

    max-width:1200px;

    margin:0 auto;

    display:flex;

    align-items:center;

}



.hero-text {

    padding:20px;

}



.hero-text h1 {

    font-size:42px;

    line-height:1.2;

    font-weight:700;

    color:#222;

    margin-bottom:15px;

}



.hero-text h2 {

    font-size:24px;

    font-weight:400;

    color:#555;

    margin-bottom:20px;

}



.hero-text p {

    font-size:18px;

    line-height:1.6;

    color:#555;

    margin-bottom:25px;

}



.hero-buttons .btn {

    margin-right:10px;

    margin-bottom:10px;

}



.hero-image {

    text-align:center;

}



.hero-image img {

    width:100%;

    max-width:600px;

    border-radius:8px;

}






/* ==========================================================
   Featured Inventory
========================================================== */


.featured-inventory {

    padding:30px 15px;

}



.section-title {

    font-size:30px;

    font-weight:700;

    text-align:center;

    margin-bottom:25px;

}






/* ==========================================================
   Category Cards
========================================================== */


.category-card {

    margin-bottom:25px;

    background:#fff;

    border:1px solid #ddd;

    border-radius:8px;

    overflow:hidden;

    transition:.3s;

}



.category-card:hover {

    transform:translateY(-5px);

}



.category-card img {

    width:100%;

}



.category-card h3 {

    text-align:center;

    padding:15px;

    margin:0;

    color:#333;

}







/* ==========================================================
   Mobile Hero
========================================================== */


@media(max-width:768px){


.hero-content {

    display:block;

}



.hero-text {

    text-align:center;

}



.hero-text h1 {

    font-size:32px;

}



.hero-text h2 {

    font-size:20px;

}



.hero-text p {

    font-size:16px;

}



.hero-buttons .btn {

    display:block;

    width:100%;

    margin:10px 0;

}



.hero-image {

    margin-top:25px;

}



}


/* ==========================================================
   Trust Bar
========================================================== */


.trust-bar {

    background:#f5f5f5;

    padding:35px 15px;

    margin:30px 0;

}



.trust-item {

    padding:20px;

}



.trust-item h3 {

    font-size:36px;

    color:#f0a000;

    margin-bottom:10px;

}



.trust-item h4 {

    font-size:20px;

    font-weight:bold;

    color:#333;

}



.trust-item p {

    color:#555;

    line-height:1.5;

}



@media(max-width:768px){


.trust-item {

    border-bottom:1px solid #ddd;

}


}

/* ==========================================================
   Featured Inventory Cards
========================================================== */


.featured-card {

    background:#fff;

    border:1px solid #ddd;

    border-radius:8px;

    overflow:hidden;

    margin-bottom:30px;

    height:100%;

}



.featured-card img {

    width:100%;

    height:220px;

    object-fit:cover;

}



.featured-card-body {

    padding:15px;

    text-align:center;

}



.featured-card-body h3 {

    font-size:18px;

    min-height:45px;

    color:#333;

}



.featured-card-body p {

    color:#555;

    line-height:1.6;

}



.featured-card .price {

    color:#e68a00;

    font-size:22px;

    margin:15px 0;

}



.featured-button {

    margin:20px 0 40px;

}



@media(max-width:768px){


.featured-card img {

    height:auto;

}


}

/* ==========================================================
   Modern Navbar Logo
========================================================== */


.navbar-main {

    margin-bottom:20px;

}



.company-brand {

    display:flex !important;

    align-items:center;

    gap:10px;

    padding-top:5px !important;

    padding-bottom:5px !important;

    font-size:16px;

    font-weight:bold;

    color:#fff !important;

}



.navbar-logo {

    height:40px;

    width:auto;

    display:inline-block;

}



.company-brand span {

    white-space:nowrap;

}






/* Desktop menu alignment */

.navbar-nav {

    margin-left:15px;

}




/* Mobile */

@media(max-width:768px){


.company-brand span {

    font-size:14px;

}



.navbar-logo {

    height:35px;

}



.navbar-nav {

    margin-left:0;

}



}

/* ==========================================================
   Modern Footer
========================================================== */


.site-footer {

    background:#111;

    color:#bbb;

    padding:35px 20px 15px;

    margin-top:40px;

}



.footer-column {

    margin-bottom:25px;

}



.site-footer h4 {

    color:#fff;

    font-size:18px;

    margin-bottom:15px;

}



.footer-links {

    padding:0;

    margin:0;

}



.footer-links li {

    margin-bottom:8px;

}



.footer-links a {

    color:#bbb;

}



.footer-links a:hover {

    color:#fff;

}



.site-footer address {

    line-height:1.8;

}



.site-footer address a {

    color:#bbb;

}



.footer-copyright {

    border-top:1px solid #333;

    margin-top:25px;

    padding-top:15px;

}



@media(max-width:768px){


.site-footer {

    text-align:center;

}


}