/* RESET
------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

ol,
ul {}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

/* TEXT/LINK FORMATTING
------------------------------------------------*/
/* LINKS */
a:link,
a:visited {
    color: #ba1b1f;
    text-decoration: none;
}

a:hover,
a:active {
    color: #ed2226;
    text-decoration: none;
}

/* PARAGRAPH/LIST/GENERAL TEXT */
p {
    font-size: 18px;
    line-height: 1.3;
    color: #0f0f0f;
}

.whitetext {
    color: #fff;
}

ul,
li {
    font-size: 18px;
    line-height: 1.3;
}

/* HEADERS */
.heading {
    max-width: 1080px;
    border: solid 4px #ba1b1f;
    border-left: none;
    border-right: none;
}

.heading-small {
    width: 80%;
    border-bottom: solid 2px #ba1b1f;
    margin-bottom: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
}

h1 {
    font-size: 36px;
    color: #0f0f0f;
    text-align: center;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

h2 {
    font-size: 32px;
    color: #000;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

hr {
    border-color: #0f0f0f;
    border-width: 1.5px;
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {
    clear: both;
}

.center {
    text-align: center;
}

.extra-margin {
    margin: 36px 0
}

.quick-break {
    display: none;
}

body {
    margin: 0;
    min-width: 320px;
    line-height: 1.3;
    font-family: 'Lato', sans-serif;
}

.wrapper {
    position: relative;
    max-width: 1060px;
    padding: 0 10px;
    box-sizing: border-box;
}

.red-divider {
    width: 100%;
    height: 24px;
    background: #ba1b1f;
    box-shadow: 0 0 3px #363636;
}

::selection {
    color: #fff;
    background: #ed2226;
}

::-moz-selection {
    color: #fff;
    background: #ed2226;
}

/*FACETED INVENTORY*/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-listing-mobile .view-listing-details-link,
.list-content .list-listing-mobile .buy-now-link,
.list-content .list-listing-mobile .check-availability-link,
.list-content .list-listing-mobile .email-seller-link,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
.list-container-flexrow .view-listing-details-link,
.modal-content .form-bottom .captcha-and-submit .captcha-placeholder button {
    background: #ed2226 !important;
}

.list-content .list-title .list-title-text,
.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {
    font-size: 22px;
    line-height: 26px;
}

.detail-content .detail-additional-data .data-row .data-label,
.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: #ed2226 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.faceted-search-content .mobile-done-button-container .mobile-done-button {
    background: #ed2226 !important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn {
    float: none;
}

.modal-content .modal-top .modal-title,
.listing-description,
.list-content .listing-portion-title,
.list-content .list-title .list-title-text,
.detail-content .dealer-info h3,
.dealer-info,
.detail-content-mobile .dealer-info h3,
.fin-calc p,
.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {
    color: #ed2226 !important;
}

/* HEADER
------------------------------------------------*/
.header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: url(../siteart/HEADER-BACKGROUND.jpg);
    background-size: cover;
}

.header:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.header-menu {
    background: #ed2227;
    display: flex;
    justify-content: center;
}

#menu-button {
    display: none;
}

/* LOGO
------------------------------------------------*/
.logo {
    position: relative;
    width: 100%;
    max-width: 380px;
    margin: auto;
    padding: 25px 0;
    display: block;
    z-index: 99;
}

.logo img {
    width: 100%;
}

/* TOP NAV
------------------------------------------------*/
.redbar {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #ba1b1f;
    text-align: center;
    box-shadow: 0 0 3px #363636;
}

.redbar p {
    display: inline-block;
}

.redbar-center {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: 8px 10px;
    padding: 0 10px;
}

/*  MAIN
------------------------------------------------*/
.main {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 40px 16px 0;
    box-sizing: border-box;
}

.main-copy {
    display: inline-block;
    width: 100%;
    max-width: 550px;
    vertical-align: top;
}

.weather {
    width: 100%;
    max-width: 500px;
    float: right;
}

.three-fiddy {
    width: 100%;
    max-width: 344px;
    display: inline-block;
    vertical-align: top;
}

.quicklinks-box {
    position: relative;
    width: 100%;
    padding: 36px 0;
    background: #363636;
    text-align: center;
}

.quicklink {
    position: relative;
    display: inline-block;
    width: 29%;
    min-width: 260px;
    margin: 0 2%;
    background: #fff;
    border: solid 2px #fff;
    box-shadow: 0 0px 3px #0f0f0f;
    box-sizing: border-box;
    transition-duration: .2s;
}

.quicklink:hover {
    transform: scale(1.03, 1.03);
    box-shadow: 0 0px 5px #0f0f0f;
}

.quicklink img {
    width: 100%;
}

.quicklink p {
    color: #0f0f0f;
    padding: 8px 0;
}

.quicklink-label {
    padding: 4px 0;
    background: #ed2226;
    font-size: 24px;
    color: #fff;
    font-weight: 900;
    font-style: italic;
}

.redbar a {
    color: #fff !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.redbar a:hover {
    opacity: 0.6 !important;
    color: #fff !important;
}

.contact-section a {
    color: #000 !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.contact-section a:hover {
    opacity: 0.6 !important;
    color: 0#000 !important;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    padding: 4px 0;
    background: #6d6d6d;
    overflow: hidden;
    border: solid 4px #ba1b1f;
    border-left: none;
    border-right: none;
}

.scrolling {
    width: 100%;
    height: 92px;
}

/*  FOOTER
------------------------------------------------*/
.footer {
    margin: 36px 0 0;
    padding: 25px 0;
    background: #363636;
}

.facebook {
    max-width: 60px;
    display: inline-block;
    margin: 12px 0;
    box-shadow: 0 0px 3px #0f0f0f;
    transition-duration: .3s;
}

.facebook:hover {
    transform: translateY(-10px);
    box-shadow: 0 1px 4px #0f0f0f;
}

footer img {
    width: 100%;
    display: block;
}

/*  Stylized Footers
------------------------------------------------*/
.divfooter {
    max-width: 540px;
    color: #ccc;
    margin: 0 0 0 auto;
    line-height: 1;
    text-align: right;
    float: right;
}

.footertext {
    color: #ccc;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    color: #ccc;
    font-size: 11px;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
    color: #ccc;
    font-size: 11px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.smallfootertext {
    color: #ccc;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width:1200px) {
    .quick-break {
        display: block;
    }
}

@media screen and (max-width:1100px) {
    .main-copy {
        max-width: 450px;
    }
}

@media screen and (max-width:1050px) {
    .main-copy {
        display: block;
        max-width: 800px;
        margin: 48px auto;
    }

    .weather {
        max-width: 800px;
        margin: 24px auto;
        float: none;
    }
}

@media screen and (max-width:950px) {
    nav.primary {
        display: none;
    }

    .header-menu {
        justify-content: flex-end;
    }
}

@media screen and (max-width:912px) {
    .quicklink {
        width: 95%;
        margin: 18px auto;
    }

    .quicklink img {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width:745px) {
    .redbar {
        display: flex;
        flex-direction: column;
    }

    .redbar p {
        display: block;
        padding: 4px 0;
    }

    .redbar-center {
        border: none;
        margin: 0;
    }

    .three-fiddy {
        margin-bottom: 0px;
    }

    .divfooter {
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .facebook {
        display: block;
        margin: 12px auto;
    }
}

@media screen and (max-width:600px) {
    .quicklink {
        width: 95%;
        margin: 18px auto;
    }

    .quicklink img {
        width: 100%;
        float: none;
    }
}