body { 
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 16px;
    color: #000;
}


@media (max-width: 767px) {
    body {
        position: relative;
        z-index: 1;
    }

#outer-wrapper:after {
      content:"";
      position:fixed; 
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
      background: #fff url(https://psmfirestorm.blob.core.windows.net/0e776123-3046-469a-a9e7-18b72e5d8f52/honda-background-2.jpg) no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
}

@media (min-width: 768px) {
body {
    background: #fff url(https://psmfirestorm.blob.core.windows.net/0e776123-3046-469a-a9e7-18b72e5d8f52/honda-background-2.jpg) no-repeat 50% 41%;
    background-attachment: fixed;
    background-size: cover;
}
}

a,
a.promo {
    color: #000000;
    font-weight: 700;
    transition: .3s;
}

a:focus, a:hover,
a.promo:hover {
    color: #f01b1e;
    text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-style: italic;
}

@media (min-width: 1500px) {
.container {
    width: 1470px;
}
}

.btnSection {
    background-color: #f01b1e;
    margin-top: -25px;
    padding: 15px 0;
}

.typeSection {
    background-color: white;
    margin-top: 9%!important;
    padding-bottom: 50px;
}

.featuredSection {
    margin-top: 45px!important;
}

.oemSection {
    background-color: black;
    margin-top: 0!important;
    padding: 60px 15px;
}

.aboutSection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/c8f7db8c-3a45-4d1a-896c-6a3fadd63a85/sierra-nevada.jpg);
    background-size: cover;
    background-attachment: fixed;
    top: 0;
    left: 0;
    background-position: center;
    margin-top: 0!important;
}

#promotions-page, 
#inventory-page,
.page-background > div,
#calendar-page,
#employees-team-page 
#vdp-container,
#thankyou-page,
#showroom,
#blog-page,
#blog-detail,
#credit-thankyou-page,
#events-page,
.custom-page,
#employees-team-page,
#vdp-container,
#creditAppContainer  {
    background-color: rgb(255 255 255);
    padding: 15px;
}

#content-container {
    padding-bottom: 25px;
}

#home-page {
    margin-bottom: -25px;
}






/* HEADER */

header.body {
    position: relative;
    background-color: white;
}

header.body:before {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/cb3f932f-1302-4b32-93f9-e18fed77e698/header-background-85.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}

header.body:after {
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(255 255 255 / 84%) 100%);
    width: 100%;
    height: 65%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.headerContainer {
    width: 1470px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    position: relative;
    align-items: flex-start;
}

.headerLeft {
    display: flex;
    align-items: center;
    margin-top: 21px;
    position: relative;
    z-index: 9;
}

.header-box {
    transition: .3s;
    position: relative;
    z-index: 4444;
}

.header-middle-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.headerRight {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}

.siteSearch {
    display: flex;
    width: 350px;
    position: relative;
}

.siteSearch .form-control {
    background-color: rgb(0 0 0);
    color: white;
    border-radius: 0;
    padding: 28px 20px;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0px;
    border: none;
    box-shadow: none;
    z-index: 3;
}

.siteSearch .btn-primary {
    background-color: #f01b1e;
    padding: 12px 17px;
    border: none;
    position: relative;
    z-index: 3;
    margin: 0;
    border-radius: 0;
}

.siteSearch .btn-primary:hover {
    background-color: white;
    color: black;
}

.headerContainer .dealer-phone {
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
}

.header-middle-top .btn-primary {
    margin: 0;
    padding: 5px 17px;
    display: none;
}

.header-middle-btm {
    text-transform: uppercase;
}

.header-middle-btm .dealer-address {
    position: relative;
    margin-right: 20px;
}

.header-middle-btm .dealer-address:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: black;
    position: absolute;
    right: -10px;
    top: 0;
}

.header-social {
    display: flex;
    position: fixed;
    background-color: white;
    flex-flow: column;
    right: 0;
    top: 265px;
    border-radius: 8px 0 0 8px;
    border: 3px solid black;
    border-right: none;
    z-index: 5;
}

.header-social a {
    font-size: 26px;
    color: white;
    text-align: center;
    margin: 6px;
    padding: 2px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

a.dealer-facebook {
    background: linear-gradient(to bottom, rgba(74,170,246,1) 0%,rgba(34,102,217,1) 100%);
}

a.dealer-instagram {
    background: linear-gradient(to bottom, rgba(255,214,0,1) 0%,rgba(255,122,0,1) 25%,rgba(255,0,105,1) 50%,rgba(211,0,101,1) 75%,rgba(118,56,250,1) 100%);
}

a.dealer-youtube {
    background-color: #e80800;
}

.header-social a:hover {
    background-color: transparent;
}

.headerContainer .slogan {
    margin-left: 10px;
}

.slogan h4 {
    font-family: 'Permanent Marker', cursive;
    font-weight: 400;
    font-size: 30px;
    transform: skewX(-7deg);
    text-align: center;
    margin: 0;
    position: relative;
}

.slogan h4 span {
    display: block;
}

/*
.slogan h4:before {
    content: '\f005';
    font-family: 'FontAwesome';
    position: absolute;
    color: rgb(240 27 30 / 44%);
    z-index: -1;
    font-size: 94px;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
}
*/







/* NAVIGATION */

#main-nav {
    margin-top: -52px;
    position: relative;
    z-index: 4;
}

.navbar-nav {
    float: none;
    z-index: 4;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.navbar-nav>li>a {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    padding: 15px 16px;
    font-weight: 700;
    margin: 11px 0;
}

#main-nav-collapse > ul > li:nth-child(7) > a {
    background-color: #f01b1e;
    color: white;
}

#main-nav-collapse > ul > li:nth-child(7) > a:hover {
    background-color: black;
}

.nav.navbar-nav.navbar-right {
    display: none;
}

.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    color: #f01b1e;
}






/* NAVIGATION */

.btnContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.btnContainer a {
    background-color: white;
    flex: 0 0 24%;
    padding: 15px;
    box-shadow: 3px 3px 0 black;
}

.btnContainer a:hover {
    transform: translate(3px, 3px);
    box-shadow: 0 0 0 black;
}

.btnContainer h3 {
    margin: 0;
    font-size: 27px;
    position: relative;
}

.btnContainer h3:after {
    content: '\f178';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    color: #8b8b8b;
}

.typeContainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: center;
}

.typeContainer a {
    flex: 0 0 16%;
    margin-top: -85px;
    position: relative;
}

.typeContainer h5 {
    position: absolute;
    bottom: -22px;
    left: 0;
    transition: .4s;
    filter: opacity(0);
}

.typeContainer a:hover h5 {
    transform: translateX(-50%);
    left: 50%;
    filter: opacity(1);
}

.typeContainer img {
    transition: .5s;
}

.typeContainer a:hover img {
    transform: scale(1.1);
}

.oemContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.oemContainer a {
    padding: .5em;
}

.oemContainer img {
    max-height: 100px;
}

.homeAbout {
    position: relative;
    width: 80%;
    margin: 10% auto;
}

.homeAbout:before {
    content: '';
    width: 30%;
    height: 115%;
    background-color: red;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) skewX(-7deg);
    z-index: 0;
}

.homeAbout > div {
    background-color: white;
    padding: 15px;
    position: relative;
    z-index: 1;
    box-shadow: 3px 3px 0 black;
}

.homeAbout > div > span {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
}

.homeAbout h1 {
    text-align: center;
    margin-top: 0;
}

.homeAbout h3 {
    font-family: 'Permanent Marker', sans-serif;
    text-align: center;
}

.p-header {
    height: 300px;
    margin-bottom: 25px;
    position: relative;
}

.p-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.p-header h1 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) skewX(-5deg);
    background-color: red;
    color: white;
    padding: 7px 20px;
    font-size: 40px;
    width: max-content;
}

#creditAppForm section {
    padding: 15px;
    background: black!important;
    color: white;
}

.jumbotron {
    color: #ffffff!important;
    background-color: transparent;
    padding: 0;
}

.videoWrapper.aboutVideo {
    float: right;
    width: 50%!important;
    display: inline-block;
    padding-bottom: 28%;
    margin: 0 0 15px 15px;
}

.mapWrapper {
    position: relative;
    padding-bottom: 83%;
}

.mapWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.maptext .dealer-name {
    margin-top: 0;
}

.mapandhourstbl td:first-child {
    padding-right: 15px;
}

.department .employee .name p {
    text-transform: uppercase;
    margin-bottom: 0;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #f01b1e;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-color: #e9e9e9;
    border-color: #cccccc;
    color: black;
}

.department-container .department {
    background: transparent;
}

.department .title {
    color: white;
}

#employees-team-page h1 {
    text-align: center;
    font-size: 40px!important;
}

.photo {
    height: 300px;
    width: 100%;
}

.department .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.brief, 
.briefSlide {
    display: none;
    cursor: pointer;
}

/* SIBLING FADE: fade out siblings around a hovered item */

.sibling-fade { visibility: hidden; }
/* Prevents :hover from triggering in the gaps between items */

.sibling-fade > * { visibility: visible; }
/* Brings the child items back in, even though the parent is `hidden` */

.sibling-fade > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.sibling-fade:hover > * { opacity: 0.4; transform: scale(0.9); }
/* Fade out all items when the parent is hovered */

.sibling-fade > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
/* Fade in the currently hovered item */


/* STARK */

.starkTop {
    padding: 30px 0;
    position: relative;
    margin-top: -25px;
    z-index: 2;
    background-color: black;
}

.starkTop:before {
    background-image: url(https://psmfirestorm.blob.core.windows.net/c52cacc1-2820-4bc9-91bc-24dab2b6e992/background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-attachment: fixed;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    filter: opacity(0.5);
}

.starkTop:after {
    content: '';
    /*background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);*/
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.starkTop:after {
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    top: unset;
    bottom: 0;
}

.starkTop > div {
    position: relative;
    z-index: 9;
}

.starkMain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.starkMain img {
    max-width: 300px;
    margin: 0 auto 45px;
    display: block;
}

.starkMain h1 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 1px 1px 1px black;
}

.starkMain h1 span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.starkBtm {
    background-color: black;
    margin-top: 0!important;
    padding: 60px 0;
}

.starkContainer,
.starkContainer h2 {
    font-family: 'Montserrat', sans-serif;
}

.starkContainer > div:nth-child(1) {
    display: flex;
}

.starkContainer > div:nth-child(1) > div:nth-child(1) {
    padding-right: 15px;
    flex: 0 0 50%;
    color: white;
}

.starkContainer > h2 {
    text-align: center;
    margin: 50px auto 10px;
    position: relative;
    width: max-content;
    color: white;
}

.starkContainer > h2:before, 
.starkContainer > h2:after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #ae802d;
    position: absolute;
    left: -65px;
    top: 17px;
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
}

.starkContainer > h2:after {
    left: unset;
    right: -65px;
}

.starkContent {
    background-color: white;
    color: black;
    padding: 30px;
}

.starkContent > div {
    display: flex;
    flex-flow: row-reverse;
}

.starkContent > div:nth-child(even) {
    flex-flow: row;
    background-color: #ebebeb;
    padding: 15px;
}

.starkContent .videoWrapper {
    flex: 0 0 40%;
    padding-bottom: 26%;
    margin-top: 24px;
}

.starkContent .videoWrapper iframe {
    height: 310px;
}

.starkContent > div:nth-child(odd) .videoWrapper {
    margin-right: 50px;
}

.starkContent > div:nth-child(even) .videoWrapper {
    margin-left: 50px;
}


@media (max-width: 1499px) {
.starkContent .videoWrapper iframe {
    height: 245px;
}
}



@media (max-width: 991px) {
.starkContent > div, 
.starkContent > div:nth-child(even) {
    flex-flow: column;
}

.starkContent > div:nth-child(even) {
    margin: 30px 0;
}

.starkContent .videoWrapper iframe {
    height: 100%;
}

.starkContent > div:nth-child(even) .videoWrapper {
    margin-left: 0;
}

.starkContent .videoWrapper {
    padding-bottom: 56%;
}

.starkContainer > div:nth-child(1) {
    flex-flow: column;
}
}



@media (max-width: 767px) {
.starkMain {
    position: relative;
}

.starkContainer > h2:before, .starkContainer > h2:after {
    width: 20px;
    left: -32px;
}

.starkContainer > h2:after {
    right: -32px;
}

.starkContent {
    padding: 15px;
}
}






/* FEATURED INVENTORY */

.single-item-slider .slider-control {
    top: 14%;
}

.single-item-slider .slider-inner .item {
    width: 298px;
}

.single-item-slider .img-container {
    height: 158px;
}

.single-item-slider .item {
    background-color: rgb(255 255 255);
    border: solid 1px rgb(255 255 255);
}

.single-item-slider .item-detail .name {
    min-height: 72px;
}

.single-item-slider .item-detail .price {
    font-size: 24px;
    left: 50%;
    padding: 5px 15px;
    position: absolute;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    bottom: 8px;
    background-color: red;
    width: max-content;
    transform: translateX(-50%) skewX(-6deg);
    color: white;
    transition: .3s;
}

.single-item-slider a:hover .item-detail .price {
    background-color: black;
}

.single-item-slider .slider-outer {
    height: 311px;
}

.featuredInventory > div,
.homeSlider > div {
    border: 3px solid white;
}

.homeSlider > div {
    height: max-content!important;
}

.featuredInventory h2 {
    color: white;
    text-align: center;
    padding-top: 15px;
}

.single-item-slider {
    padding-left: 45px;
    padding-right: 45px;
}

a.slider-control {
    color: #f01b1e;
}

a.slider-control:hover {
    color: white;
}






/* INVENTORY */

#vdp-container .images-container {
    max-width: 100%;
}

.list-group.flex {
    font-size: 16px;
    line-height: initial;
}

.modal {
    z-index: 99999;
}

.modal-header .close {
    z-index: 999999999;
    position: relative;
}

#FilterQuickSearch {
    margin: 0;
    border: 1px solid #f01b1e;
}

.panel {
    background-color: #151515;
}

#filters-box .panel-body li .radio,
#filters-box .panel-body li .checkbox {
    color: white;
}

#details-accordions {
    color: white;
}

.panel-default>.panel-heading {
    color: white;
    background-color: #1c1c1c;
    border-color: #3a3a3a;
    text-transform: uppercase;
}

.input-group-addon {
    color: #fff;
    background-color: #f01b1e;
    border: 1px solid #f01b1e;
    border-radius: 0;
}

#filters-box .panel-body li {
    color: #000;
}

.inventory-container .vehicle .price {
    font-weight: 700;
    color: white;
    font-size: 24px;
    padding: 5px 15px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    bottom: 8px;
    background-color: red;
    width: max-content;
    transform: skewX(-6deg);
    margin: 5px auto;
}

#vehicleList > div {
    margin: 0;
    padding: 10px;
}

.vehicle-box {
    border: 3px solid black;
    position: relative;
}

.inventory-container .vehicle .savings {
    margin-top: 0;
    position: absolute;
    top: -5px;
    left: -5px;
}

.inventory-container .vehicle {
    transition: all 0.4s ease 0s;
}

.inventory-container .vehicle:hover {
    background-color: rgb(206 206 206);
    transition: all 0.4s ease 0s;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 19px;
    min-height: 39px;
    margin-top: 3px;
}

.inventory-container .vehicle .title {
    padding: 2px 5px;
    border-top: 2px solid #f01b1e;
}

.inventory-container .vehicle .title a {
    color: black;
}

.info {
    font-size: 12px;
    color: #7b7b7b;
    text-align: right;
}

#DealerLocationContainer {
    margin-top: 15px;
}

.inventory-container .vehicle .thumb {
    height: 193px;
    line-height: 188px;
}








/* FORMS */

.btn-primary {
    color: #fff;
    background-color: #f01b1e;
    border: 2px solid #f01b1e;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px 0;
    transition: .3s;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    position: relative;
    z-index: 2;
}

.btn-primary:before, 
.btn-primary:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    transition: .3s;
    z-index: -1;
}

.btn-primary:after {
    top: unset;
    bottom: 0;
}

.btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
    color: #000;
    background-color: #f01b1e;
    border-color: #f01b1e;
}

.btn-primary:hover:before, 
.btn-primary:hover:after {
    height: 50%;
}

.mainform {
    height: max-content;
}

.mainform > div {
    background-color: black;
    padding: 10px;
    color: white;
}

.mainform label {
    margin-right: 10px;
}

.form-header-text {
    text-transform: uppercase;
    text-align: center;
    font-size: 31px;
    margin-bottom: 9px;
    color: #f01b1e;
    line-height: 28px;
    padding-top: 5px;
    font-family: 'Oswald', sans-serif;
    transform: skewX(-5deg);
}

.form-control {
    border-radius: 0;
    font-size: 14px!important;
    margin: 5px 0;
    border: 1px solid #1c1c1c;
    box-shadow: none;
    transition: .3s;
    background-color: #1c1c1c;
    color: white;
}

.form-control:hover {
    border-color: #f01b1e;
}

.form-control:focus {
    border-color: #f01b1e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(233 102 102 / 60%);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(233 102 102 / 60%);
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.forms-title-section {
    text-align: center;
    margin-bottom: 10px;
}

.inquiryformcontainer, 
.locationBox {
    background-color: black;
    color: white;
}

.customForm [placeholder="First Name"], 
.customForm [placeholder="Last Name"] {
    width: 100px;
}

.customForm [placeholder="Zip Code"] {
    width: 71px;
}

.customForm [placeholder="Phone"] {
    width: 117px;
}

.customForm input, 
.customForm textarea,
.customForm select {
    font-size: 14px!important;
    border: none;
    margin: 5px 0;
    padding: 2px 7px;
    background-color: #1c1c1c;
    color: white;
}

.customForm textarea {
    width: 100%;
}

.inquiryformcontainer .panel-body {
    padding: 12px;
}

@media (min-width: 768px) {
#Form4216 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form4216 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+10),
#Form14845 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7),
#Form4213 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+9),
#Form16558 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form16558 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+12) {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
}

#Form4216 > div:nth-child(1) > fieldset > div:nth-child(n+11),
#Form4213 > div:nth-child(1) > fieldset > div:nth-child(n+10),
#Form16558 > div:nth-child(1) > fieldset > div:nth-child(n+13) {
    padding: 0 5px;
}
}





/* FOOTER */

footer.body .outer-wrapper {
    background-color: #fff;
    color: #000;
    text-align: center;
}

footer.body .outer-wrapper a, footer.body .outer-wrapper a:visited, footer.body .outer-wrapper a:active {
    color: #000;
}

.footer-background {
    background-color: white;
    position: relative;
    z-index: 4;
}

.footer-background:before {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/9254bc24-258b-4319-8dad-61c5f9b1cf17/footer-background-85.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    z-index: -1;
}

.footer-background:after {
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    width: 1170px;
    margin: auto;
    padding: 15px;
    line-height: 31px;
    text-transform: uppercase;
}

.footer-logo {
    display: block;
    max-width: 291px;
    margin: 25px auto 10px;
}

.footer-block ul {
    list-style: none;
    padding: 0px;
}

.footer-block ul li a {
    position: relative;
}

.footer-block ul li a:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: red;
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: .3s;
}

.footer-block ul li:hover a:before {
    width: 100%;
}

.footer-block .dealer-address {
    display: block;
}

.footer-block .dealer-phone {
    display: block;
    font-size: 32px;
    margin-top: 8px;
    color: #f01b1e;
    font-family: 'Oswald', sans-serif;
}

.footer-links a {
    display: block;
    position: relative;
}

.footer-links a:after {
    content: '\f178';
    font-family: fontawesome;
    position: relative;
    right: -5%;
}

.footertable {
    margin: 0 auto;
}

.footer-hours {
    display: flex;
}

.footer-hours-block h4 {
    margin-top: 5px;
    color: rgb(255 255 255);
    background-color: #1e1e1e;
    padding: 4px 10px;
    text-align: center;
}

.footertable td:last-child {
    padding-left: 15px;
    text-align: right;
}

.footer-block h3 {
    font-size: 20px;
}

.footer-block .contact-btn {
    margin-top: 45px;
}

.footer-hours-block {
    padding: 0px 15px 0 0;
}

.footer-block .btn-primary {
    margin: 20px 10px 0 0;
}

.footertable td:first-child {
    text-align: left;
}

.footer-btns {
    display: flex;
    justify-content: space-between;
}





@media (max-width: 1499px) {
.headerContainer {
    width: 1170px;
    align-items: center;
}

.siteSearch {
    width: 315px;
}

#main-nav {
    margin-top: 0;
}

.headerLeft {
    flex: 0 0 43%;
    margin: 0;
}

.slogan h4 {
    font-size: 21px;
}

.headerRight {
    margin: 0;
}

.navbar-nav {
    justify-content: space-around;
}

.btnContainer h3 {
    font-size: 22px;
}

.single-item-slider .slider-inner .item {
    width: 222px;
}

.single-item-slider .img-container {
    height: 112px;
}

.single-item-slider .item-detail .price {
    font-size: 20px;
    bottom: 4px;
}

.single-item-slider .slider-outer {
    height: 241px;
}

.single-item-slider .item-detail .name {
    min-height: 66px;
    line-height: 20px;
}

.single-item-slider .slider-control {
    top: 2%;
}

.p-header {
    height: 250px;
}

.mapWrapper {
    padding-bottom: 107%;
}

.inventory-container .vehicle .thumb {
    height: 147px;
    line-height: 146px;
}

.inventory-container .vehicle .price {
    font-size: 22px;
    padding: 3px 10px;
}
}





@media (max-width: 1199px) {
.headerContainer,
.footer-container {
    width: 970px;
}

.single-item-slider .slider-inner .item {
    width: 199px;
}

.single-item-slider .item-detail .price {
    font-size: 19px;
    bottom: 4px;
    padding: 3px 8px;
}

.single-item-slider .item-detail .name {
    min-height: 84px;
    line-height: 21px;
}

.siteSearch {
    width: 252px;
}

.headerLeft {
    flex: 0 0 38%;
    margin: 0;
}

.slogan h4 {
    font-size: 19px;
    min-width: 92px;
}

.btnContainer a {
    padding: 10px;
}

.btnContainer h3 {
    font-size: 19px;
}

.p-header {
    height: 200px;
}

.mapWrapper {
    padding-bottom: 131%;
}

.inventory-container .vehicle .thumb {
    height: 117px;
    line-height: 117px;
}

.inventory-container .vehicle .price {
    font-size: 18px;
    padding: 3px 10px;
}
}





@media (max-width: 991px) {
.headerContainer,
.footer-container {
    width: 740px;
}

.header-middle-btm .dealer-address {
    display: block;
    margin: 0;
}

.header-middle-btm {
    text-align: center;
}

.header-middle-btm .dealer-address:before {
    display: none;
}

.headerLeft {
    flex: 0 0 42%;
}

.slogan h4 {
    font-size: 17px;
    min-width: 82px;
}

.headerContainer .dealer-phone {
    font-size: 25px;
}

.siteSearch {
    width: 217px;
}

.siteSearch .form-control {
    padding: 25px 10px;
}

.siteSearch .btn-primary {
    padding: 8px 13px;
}

#main-nav .nav > li > a {
    font-size: 14px;
    padding: 10px;
    margin: 5px 0;
}

.btnContainer h3 {
    font-size: 24px;
}

.btnContainer a {
    padding: 10px;
    flex: 0 0 49%;
    margin: 9px 0;
}

.homeSlider {
    margin-top: 25px;
}

.single-item-slider .item-detail .name {
    min-height: 64px;
}

.typeContainer a {
    margin-top: -39px;
}

.typeContainer h3 {
    font-size: 20px;
}

.oemContainer a {
    flex: 0 0 18%;
    text-align: center;
}

.oemContainer {
    flex-wrap: wrap;
    justify-content: space-around;
}

.oemContainer img {
    max-height: 76px;
}

.mapWrapper {
    padding-bottom: 50%;
    margin-top: 25px;
}

.inventory-container .vehicle .thumb {
    height: 189px;
    line-height: 187px;
}
}





@media (max-width: 767px) {
.headerContainer,
.footer-container {
    width: 100%;
}

.department-container .department {
    padding: 20px 0;
}

#main-nav .navbar-brand.text {
    display: none!important;
}

.header-middle-btm {
    display: none;
}

.headerContainer {
    flex-wrap: wrap;
    justify-content: space-around;
    z-index: 3;
}

.headerLeft {
    flex: 0 0 100%;
}

.slogan h4 {
    font-size: 5vw;
    min-width: 25vw;
}

.footer-container {
    flex-flow: column;
    align-items: center;
}

.header-middle-top {
    position: absolute;
    left: 15px;
    bottom: -52px;
    z-index: 9;
}

.headerRight {
    flex: 0 0 100%;
}

.siteSearch {
    width: 90%;
    margin: 20px auto 0;
}

.typeContainer {
    flex-wrap: wrap;
    justify-content: space-around;
}

.typeContainer a {
    margin-top: 0;
    flex: 0 0 48%;
    margin-bottom: 25px;
}

.typeContainer h3 {
    font-size: 6vw;
}

.typeSection {
    padding-bottom: 0;
}

.oemSection .widget-inner {
    margin-top: 0!important;
}

.oemContainer a {
    flex: 0 0 48%;
    text-align: center;
    margin: 20px 0;
}

.navbar-nav {
    display: block;
}

.btnContainer a {
    flex: 0 0 100%;
    padding: 15px;
}

.btnContainer h3 {
    font-size: 7vw;
}

.single-item-slider .slider-inner .item {
    width: 216px;
}

.homeAbout {
    position: relative;
    width: 100%;
    margin: 10% auto 15%;
}

.homeAbout:before {
    width: 44%;
    height: 105%;
}

.p-header {
    height: 100%;
    margin-bottom: 0;
}

#promotions-page, #inventory-page, .page-background > div, #calendar-page, #employees-team-page 
#vdp-container, #thankyou-page, #showroom, #blog-page, #blog-detail, #credit-thankyou-page, #events-page, .custom-page, #employees-team-page, #vdp-container, #creditAppContainer {
    margin: 0 15px;
}

.p-header h1 {
    font-size: 8vw;
    padding: 5px 10px;
    bottom: -24px;
}

.mapWrapper {
    padding-bottom: 100%;
    margin-top: 0;
}

.mapandhourstbl {
    margin: auto;
    text-align: left;
}
}