/*------------------------------------*
    CONTENTS - sections search prefix $

    GENERAL
    MENU
    TITLE
    VEHICLE
    ANIMATION
    
/*------------------------------------*
    $GENERAL
\*------------------------------------*/
 .showroom hr {
    margin: 3px 0 6px;
}
/*------------------------------------*
    $MENU
\*------------------------------------*/
 .showroom .menu .btn {
    border-radius: 0;
    padding-left: 12px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}
.showroom .menu .btn-alt3 {
    background-color: #EDEDED;
    border-color: #EDEDED;
    padding: 0;
    color: #444;
}
.showroom .menu .btn-alt3:hover, .showroom .menu .btn-alt3:active, .showroom .menu .btn-alt3:focus {
    color: #000;
}
.showroom .menu .btn-alt3 span {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    margin: 0 12px;
    padding: 8px 0;
}
.showroom .menu li:last-child span {
    border: 0;
}
/*------------------------------------*
    $TITLE
\*------------------------------------*/
 .showroom .title h2 {
    border-bottom: 1px solid #EEEEEE;
    margin: 0 0 24px;
    padding-bottom: 12px;
}
.showroom .title h2 span {
    border-bottom: 6px solid #EEEEEE;
    padding-bottom: 6px;
}
/*------------------------------------*
    $VEHICLE
\*------------------------------------*/
 .showroom .vehicle .row {
    border-right: 1px solid #EEEEEE;
}
.showroom .vehicle .title h3 {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
}
.showroom .vehicle .title p {
    margin-bottom: 0;
}
.showroom .vehicle .title a {
    color: #444;
    font-size: 13px;
}
.showroom .vehicle .title a:hover {
    color: #000;
}
.showroom .vehicle .details {
    font-size: 16px;
    line-height: 1.2em;
}
.showroom .vehicle .details ul li {
    color: #444;
}
.showroom .vehicle .details ul li strong {
    color: #000;
}
.showroom .vehicle .mileage {
    background-image: url("https://cdn.dlron.us/assets/shared/images/inventory/gasIcon_grey.png");
    background-repeat: no-repeat;
    font-size: 13px;
}
.showroom .vehicle .cta .btn {
    margin-bottom: 8px;
}

.showroom-img {
    height: 214px;
}
/*------------------------------------*
    $ANIMATION
\*------------------------------------*/
 .showroom .vehicle .imgLink {
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.showroom .vehicle .imgLink a {
    background-color: transparent;
    border-radius: 30px;
    display: block;
    position: relative;
    left: -15px;
    top: -15px;
    height: 60px;
    width: 60px;
    opacity: .75;
    -webkit-transition: 150ms ease-in-out;
    -moz-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
.showroom .vehicle .imgLink a:hover {
    background-color: #EEEEEE;
    left: -45px;
    top: -45px;
    height: 180px;
    width: 180px;
    border-radius: 90px;
}
.showroom .vehicle .imgLink a:hover .fa {
    bottom: 70px;
    right: 70px;
}
.showroom .vehicle .imgLink a .fa {
    color: #aaa;
    position: absolute;
    bottom: 20px;
    right: 20px;
    -webkit-transition: 150ms ease-in-out;
    -moz-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
}
@media (max-width: 1199px) {
    .showroom .vehicle .mileage {
        background-position: 0 0;
    }
}
@media (max-width: 991px) {
    .showroom .vehicle .row {
        border-right: none;
    }
    .showroom .vehicle .col-sm-12 {
        border-bottom: 1px solid #EEEEEE;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .showroom .vehicle .nopad {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    .showroom .vehicle hr {
        display: none;
    }
    .showroom .nopad .btn {
        font-weight: bold;
    }
    .showroom .title h2 {
        font-size: 22px;
    }
    .showroom .vehicle .title p {
        font-size: 12px;
    }
    .showroom .vehicle .imgLink {
        left: 8px;
    }
    .showroom .vehicle .imgLink a {
        background-color: #EEEEEE;
    }
    .showroom .vehicle .nopad {
        padding-right: 8px;
    }
}
@media (max-width: 480px) {
    .showroom .vehicle .details, .showroom .vehicle .mileage {
        font-size: 12px;
    }
    .showroom .vehicle .mileage {
        background-image:none;
    }
}

.vehicle {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 90px;
}