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

@media (max-width: 767px) {
    body {
        position: relative;
        z-index: 1;
    }
    #outer-wrapper:after {
        content: "";
        position: fixed;
        top: 0;
        height: 115vh;
        left: 0;
        right: 0;
        z-index: -1;
        background: #ffffff url(https://psmfirestorm.blob.core.windows.net/6853b491-7601-49ca-acc7-36f2eb064979/mine-background.jpg) no-repeat center center;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    body {
    background: #ffffff url(https://psmfirestorm.blob.core.windows.net/6853b491-7601-49ca-acc7-36f2eb064979/mine-background.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}
}

#outer-wrapper {
    overflow-x: hidden;
}

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: unset;
    text-transform: uppercase;
    font-family: 'DINPro-Bold-Cd', sans-serif;
}

hr {
    border-top: 1px solid #9a9a9a;
}

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

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

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

#home-page #section-1 {
    margin-top: -25px;
}

.featuredSection {
    background-color: rgb(0 0 0);
    padding: 30px 0px;
    margin-top: 0px !important;
}

.searchSection {
    position: relative;
    padding: 10% 0px;
    background-color: rgba(0, 0, 0, 0.47);
    margin-top: 0px !important;
}

.searchSection:before {
    content: "";
    background-image: url("https://psmfirestorm.blob.core.windows.net/6853b491-7601-49ca-acc7-36f2eb064979/mine-background.jpg");
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-position: center center;
    z-index: -1;
    background-size: cover;
}

.aboutSection {
    background-color: #1a1a1a;
    padding: 25px 0px 0px;
    margin-top: 0px !important;
}

.eventsSection {
    background: linear-gradient(rgb(0 0 0) 0%, rgb(0 0 0) 50%, #1a1a1a 50%, #1a1a1a 100%);
    margin-top: 0px !important;
}

.breadcrumb {
    background-color: #1f1f1f;
}

#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: black;
    padding: 15px;
}







/* HEADER */

header.body {
    background-image: url("https://psmfirestorm.blob.core.windows.net/de568ddf-392b-48d2-b1d2-be60460207d8/coal-82.jpg");
    background-size: cover;
    background-position: center;
    z-index: 99999;
    position: relative;
}

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

.headerAddress .dealer-address {
    margin-right: 13px;
    position: relative;
}

.headerAddress .dealer-address:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #757575;
    position: absolute;
    right: -5px;
    top: 0;
}

.headerBlock .dealer-phone {
    display: block;
    font-size: 44px;
}

.headerBlock .dealer-phone .fa {
    margin-right: 5px;
    color: white;
}

.headerMid {
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    margin: 0 15px;
}

.headerHours,
.headerHours h5 {
    text-align: center;
    font-size: 18px;
}

.headerHours h5 {
    margin: 0;
}

.headerAddress {
    text-transform: uppercase;
}

.headerBlock {
    text-align: center;
    margin-top: 9px;
}

.headerLogo {
    display: flex;
    justify-content: space-around;
    flex: 0 0 30%;
    align-items: center;
}

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

.headerLogo a img:nth-child(2) {
    max-width: 125px;
    margin-left: 15px;
}

.headerBtns {
    margin-top: 25px;
}

.headerBtns .btn-primary:before {
    display: none;
}

.headerBtns .btn-primary {
    overflow: visible;
    padding: 8px 10px;
    margin-left: 10px;
}

.headerBtns .btn-primary:nth-child(2):after {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/86f5d66f-b69d-4fc2-a651-0de64b9ad710/dragon.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

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

.socialTab,
.footerSocial {
    display: flex;
    justify-content: space-around;
}

.socialTab {
    margin-left: 55px;
}

.socialTab img,
.footerSocial img {
    max-width: 33px;
}

.socialTab a, 
.footerSocial a {
    padding: 1px;
    width: 33px;
    text-align: center;
    background-color: white;
    font-size: 20px;
    height: 33px;
    color: black;
    margin: 0 5px;
    border: 2px solid #ff6600;
    /* box-shadow: 1px 1px 0 white; */
}

.socialTab a:hover,
.footerSocial a:hover {
    transform: scale(1.1);
}






/* NAVIGATION */

#main-nav {
    margin-top: -61px;
}

.navbar-nav {
    float: none;
    margin: 0px;
    display: flex;
    justify-content: flex-end;
}

.navbar-nav > li > a {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    padding: 18px 14px;
}

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

.social-media-icons {
    display: none;
}

@media (min-width: 768px) {
.navbar-collapse {
    padding-right: 0;
}
}







/* CONTENT */

.searchContainer {
    display: flex;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 75px;
}

.searchContainer .form-control {
    background-color: white;
    font-size: 14px;
    padding: 25px 15px;
    border-radius: 0;
    border: 2px solid white;
    border-right: none;
    color: black;
}

.searchContainer .form-control {
    background-color: white;
    font-size: 14px;
    padding: 25px 15px;
    border-radius: 0;
    border: 2px solid white;
    border-right: none;
    color: black;
    margin: 0;
}

.searchContainer .btn-primary {
    margin: 0;
    border-color: white;
}

.btnContainer {
    display: flex;
    justify-content: space-between;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 4;
    flex-wrap: wrap;
}

.btnContainer a {
    flex: 0 0 23%;
    position: relative;
    padding: 15px;
    color: black;
}

.btnContainer a:hover {
    color: #ff6600;
}

.btnContainer a:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skewX(-10deg);
    box-shadow: 0 0 10px black;
}

.btnContainer a:after {
    content: "";
    width: 100%;
    height: 120%;
    background-color: transparent;
    border: 3px solid rgb(255, 102, 0);
    position: absolute;
    left: 0px;
    top: -10%;
    box-shadow: black 2px 2px 3px;
    transition: .3s;
}

.btnContainer a:hover:after {
    transform: scale(1.1);
}

.btnContainer div {
    position: relative;
}

.btnContainer div:before {
    content: "";
    width: 40px;
    height: 89px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: -17px;
    bottom: -15px;
    transform: skewX(-11deg);
    z-index: 4;
}

.btnContainer span {
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 400;
    position: relative;
    z-index: 4;
}

.btnContainer h2 {
    margin: -6px 0 0;
    font-size: 45px;
    position: relative;
    z-index: 9;
}

#CustomEventWidget .eventWrapper {
    flex-flow: row;
}

.homeAbout {
    width: 1170px;
    margin: 30px auto -100px;
    position: relative;
    z-index: 4;
    padding: 15px;
}

.homeAbout h3, 
.homeAbout h2 {
    text-align: center;
}

.homeAbout h2 {
    margin-top: 3px;
    font-size: 45px;
}

.homeAbout h3 {
    letter-spacing: 5px;
    margin: 0;
}

.homeAbout .btn-primary {
    display: block;
    width: max-content;
    margin: 20px auto 0;
}

img.aboutPic {
    width: 100%;
}

.widget-UpcomingEvents h2, .widget-UpcomingEvents h3 {
    color: white;
    text-align: center;
}

.widget-UpcomingEvents h2 {
    margin-bottom: 15px;
}

.widget-UpcomingEvents > div {
    background-color: rgb(65 65 65);
}

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

.service-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/7cf794df-0eff-4e8d-9f78-4f516ff63dc8/service-header-3.jpg);
}

.fin-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/142342d1-77d6-4ccf-8c57-4e1dacd12dcc/finance-header.jpg);
}

.about-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/981ea647-37a9-4f6b-b92c-b3accc8cb7e1/about-header-3.jpg);
}

.map-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/1b4ae8df-cd90-4fb0-bb1d-8fc904155b98/map-header.jpg);
}

.parts-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/7297a65d-2e9d-472e-995f-23fb373f3570/parts-header.jpg);
}

.mc-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/0eabb861-3aa6-4a5b-aeb7-03a54b02cb57/mc-header.jpg);
}

.ltr-header {
    background-image: url(https://psmfirestorm.blob.core.windows.net/d8841799-8e3e-42a0-9a97-59fa35a9d407/ltr-header.jpg);
}



.p-header h1 {
    padding: 5px 20px;
    font-size: 5vw;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    text-shadow: 3px 3px 3px black;
}

.p-header h1 span {
    font-weight: 400;
}

.p-header-sec h1 {
    font-size: 5vw;
    text-align: center;
}

.abt-btns {
    display: flex;
}

.raBtns {
    display: flex;
    margin: 15px auto;
    width: 50%;
    flex-wrap: wrap;
}

.raThumbs,
.btmRow {
    display: flex;
    justify-content: space-between;
}

.raThumbs div {
    flex: 0 0 24%;
}

.insuranceBlock.sectionSeven p {
    color: white!important;
}

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

#employees-team-page > div.row > div > h1 {
    text-align: center;
    font-size: 50px;
}

.department .employee .name p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.department .employee .job p {
    font-size: 14px;
    margin-bottom: 0;
}

.department .employee {
    background: #fff;
    border-radius: 0px;
}

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

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

.commInvol {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    text-align: center;
    flex-wrap: wrap;
}

.commInvol div {
    flex: 0 0 33%;
    margin: 15px 0;
}

.maptext .dealer-name {
    margin-top: 0;
    font-size: 32px;
}

.mapWrapper {
    position: relative;
    padding-bottom: 87%;
    min-height: 150px;
}

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

.mapandhourstbl td:first-child {
    padding-right: 10px;
    font-weight: 700;
}

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

.mcButtons a {
    margin: 10px;
}

.ltrTopPics {
    display: flex;
    justify-content: space-around;
}

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

.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 {
    color: black;
    background-color: #e6e6e6;
    border-color: #cccccc;
}

.k-pager-wrap .k-link:hover {
    color: #ff6600;
}

#calendar-page .k-event {
    height: 66px!important;
    line-height: 20px;
}

.finPage img {
    width: 100%;
}

.finPage > div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.finPage > div:nth-child(4) div {
    flex: 0 0 48%;
    margin: 15px 0;
}

.finPage > div:nth-child(6) {
    display: flex;
}

.finPage > div:nth-child(6) div,
.finPage > div:nth-child(4) > div:nth-child(7) > a:nth-child(4),
.finPage > div:nth-child(3) > a:nth-child(1) {
    margin-right: 30px;
}

.specialsWrapper h3 {
    border-bottom: 2px solid #ff6600;
    font-size: 34px;
    text-align: center;
    padding: 3px;
}

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

.specialsContainer div {
    flex: 0 0 19%;
    background-color: #ececec;
    margin: 10px 0;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
}

.specialsContainer h4 {
    font-size: 40px;
    margin-top: 0;
}

.specialsContainer span {
    display: block;
    font-size: 18px;
    line-height: 20px;
}

.specialsContainer small {
    line-height: 17px;
    font-size: 13px;
    display: block;
    margin-top: 5px;
}

.inventoryBanner {
    margin-bottom: 25px;
}

.calEvent:hover .calMonth, .calEvent:hover .calDay {
    color: #000000;
}

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

.mcContainer div {
    flex: 0 0 25%;
}

.maphourswrapper {
    display: flex;
}

.maphourswrapper > div:nth-child(2) {
    margin-left: 25px;
}

.fin-btns {
    display: flex;
    margin-bottom: 25px;
}

.finPage img {
    width: 100%;
}

.finPage > div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.finPage > div:nth-child(4) div {
    flex: 0 0 48%;
    margin: 15px 0;
}

.finPage > div:nth-child(6) {
    display: flex;
}

.finPage > div:nth-child(6) div,
.finPage > div:nth-child(4) > div:nth-child(7) > a:nth-child(4),
.finPage > div:nth-child(3) > a:nth-child(1) {
    margin-right: 30px;
}



.slideContainer {
	display: flex;
	flex-flow: row wrap;
	display: -ms-flexbox;
	-ms-flex-flow: row;
	-ms-flex-wrap: wrap;
	justify-content: space-around;
}
.slideContainer > div {
	flex: 0 0 50%;
}
.thumbs {
	padding: 15px;
	cursor: pointer;
}
.thumbs img, 
#largeView img {
	border: 2px #ff6600 solid;
}
#overlay {
	position: fixed;
	display: none;
	z-index: 199;
	width: 100vw;
	height: 100vh;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
}

#largeView {
	position: fixed;
	display: none;
	width: 90%;
	left: 5%;
	top: 25vh;
	z-index: 200;
	border-radius: 12px;
}
@media (min-width: 768px) {
	.slideContainer > div {
		flex: 0 0 33%;
		-ms-flex: 0 0 auto;
	}
	#largeView {
		width: 80%;
		left: 10%;
		top: 10vh;
	}
}
@media (min-width: 992px) {
	.slideContainer > div {
		flex: 0 0 20%;
		-ms-flex: 0 0 auto;
	}
	#largeView {
		width: 50%;
		left: 25%;
		top: 10vh;
	}
}





/* SERIAL 1 */

.serialWrapperMast {
    background-color: #000000;
    padding: 15px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.serialHeader {
    position: relative;
}

.serialHeader .logo {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(2px 4px 6px black);
}

.serialMdlContainer > div {
    display: flex;
    background: linear-gradient(to right, rgba(3,8,14,1) 0%,rgba(6,21,38,1) 100%);
    margin: 15px 0;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #404040;
    overflow: hidden;
}

.serialMdlContainer > div > div:nth-child(1) {
    flex: 0 0 50%;
}

.serialMdlContainer > div > div:nth-child(2) {
    padding: 15px;
}

.serialMdlContainer > div:hover img {
    transform: scale(1.1);
    filter: opacity(0.5);
}

.serialMdlContainer > div img {
    transition: .5s;
}

.serialWrapperMast h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

.serialMdlContainer h3 {
    font-size: 30px;
    margin-bottom: 25px;
}

.serialBtnContainer {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

a.serialBtn, 
.serialBtnContainer a {
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
    border: 2px solid rgb(255 255 255 / 52%);
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
    transition: .3s;
}

a.serialBtn:hover,
.serialBtnContainer a:hover {
    border: 2px solid white;
}

.compTableWrapper {
    position: relative;
    padding-bottom: 65%;
    min-height: 150px;
    margin-bottom: 45px;
}

#compSpecs {
    display: block;
    cursor: ew-resize;
    overflow-y: scroll;
    margin-top: 25px;
}

#compSpecs > thead {
    position: sticky;
    top: 0;
    font-size: 18px;
    left: 0;
    /* display: block; */
}

#compSpecs td, 
#compSpecs th {
    padding: 8px;
    border: 1px solid #3e3e3e;
    background-color: rgb(0 0 0 / 63%);
    z-index: 9;
    text-align: center;
}

#compSpecs > thead > tr > th.sticky {
    border: none;
    background-color: transparent!important;
}

#compSpecs img {
    min-width: 238px;
}

#compSpecs td {
    font-size: 14px;
}

#compSpecs .sticky {
    position: sticky;
    left: 0;
    min-width: 216px;
    z-index: 444;
    background-color: #1a1a1a!important;
    text-transform: uppercase;
    font-weight: 700;
}

td.colors span {
    display: block;
}

.compTableWrapper table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 991px) {
a.serialBtn {
    margin-top: 0px;
    margin-bottom: 15px;
}

.serialMdlContainer h3 {
    margin-bottom: 15px;
}
}



@media (max-width: 767px) {
.serialMdlContainer > div {
    flex-flow: column;
}

.serialHeader .logo {
    top: 7%;
    width: 80%;
}

#compSpecs .sticky,
#compSpecs img {
    min-width: 29vw;
}

#compSpecs > thead {
    font-size: 16px;
}

.compTableWrapper {
    padding-bottom: 130%;
}
}






/* PAN AMERICA */

.paWrapper {
    background-color: white;
    color: black;
}

.paContainer .section1 {
    text-align: center;
}

.paContainer .section1 p {
    font-size: 18px;
}

.paContainer .section2 {
    background-color: black;
    color: white;
}

.paContainer .mediaContainer {
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

.paContainer .mediaContainer div {
    padding: 10px;
}

.paContainer .mediaContainer h3 {
    margin: 7px 0;
}

.paContainer .section3 > h1 {
    margin-top: 60px;
}

.paContainer .section3 > h1, .paContainer .section3 > p {
    text-align: center;
}

.paContainer .section3 > p {
    font-size: 18px;
}

.paContainer .pics > div {
    display: flex;
    margin: 45px 0;
}

.paContainer .pics > div div:nth-child(1) {
    flex: 0 0 57%;
}

.paContainer .pics > div div:nth-child(2) {
    padding: 70px;
}

.paContainer .pics > div:nth-child(even) {
    flex-flow: row-reverse;
}

.paContainer .pics img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.paContainer .videoWrapper {
    padding-bottom: 32%;
}

.paContainer .section4 h4 {
    font-size: 30px;
}

.paContainer .chooseContainer {
    display: flex;
}

.paContainer .chooseContainer a {
    flex: 0 0 35%;
    background-color: white;
    margin: 10px;
    border: 1px solid #dfdfdf;
    padding: 5px;
    color: black;
}

.paContainer .chooseContainer h5 {
    font-size: 22px;
    margin-bottom: 2px;
}


@media (max-width: 991px) {
.paContainer .pics > div div:nth-child(2) {
    padding: 30px;
}
}


@media (max-width: 767px) {
.paContainer .mediaContainer {
    flex-flow: column;
}

.paContainer .pics > div {
    flex-flow: column!important;
}

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

.paContainer .chooseContainer {
    flex-flow: column;
}

.paContainer .mediaContainer div {
    margin: 10px 0;
}
}












/* SERIAL 1 */

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

.serialWrapper > div {
    flex: 0 0 48%;
    border: 5px solid #585858;
    position: relative;
    margin: 10px;
}

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

.serialContainer img {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.serialWrapper > div > img {
    height: 100%;
    object-fit: cover;
}

.serialContainer h3 {
    margin: 10px 15px;
    font-size: 33px;
    padding: 0 10px 3px;
    border-bottom: 1px solid gray;
    width: max-content;
    color: white;
}

.serialBottomWrapper {
    display: flex;
    flex-wrap: wrap;
}

.serialBottomWrapper div {
    flex: 0 0 33.33%;
}

h2.serialMain {
    text-align: center;
    font-size: 40px;
}

img.serialLogo {
    display: block;
    width: 17%;
    margin: 30px auto;
}







@media (max-width: 1199px) {
.serialWrapper > div {
    flex: 0 0 47%;
    border: 5px solid #585858;
    position: relative;
    margin: 10px;
}

h2.serialMain {
    text-align: center;
    font-size: 36px;
}
}


@media (max-width: 767px) {
h2.serialMain {
    font-size: 6vw;
}

.serialWrapper > div {
    flex: 0 0 48%;
    border: 3px solid #585858;
    position: relative;
    margin: 1%;
}

.serialContainer h3 {
    margin: 2% 1%;
    font-size: 3vw;
    padding: 1% 2%; 
}

.serialContainer img {
    right: 2%;
    bottom: 3%;
    width: 20%;
}

img.serialLogo {
    width: 30%;
}

.serialBottomWrapper div {
    flex: 0 0 50%;
}
}






/* FEATURED INVENTORY */

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

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

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

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

.single-item-slider .item-detail .name {
    color: black;
    line-height: 18px;
    font-size: 14px;
}

.single-item-slider .item-detail .price {
    font-size: 23px;
    padding: 5px;
    text-transform: uppercase;
    bottom: 0px;
    color: black;
    font-family: DINPro-Bold-Cd, sans-serif;
    background-color: #ff6600;
}

.widget-Reviews .single-item-slider .img-container {
    height: 85px;
}

.widget-Reviews .single-item-slider .item-detail {
    font-size: 14px;
}

.widget-Reviews .single-item-slider .slider-outer, .widget-Reviews .single-item-slider .slider-inner .item, .widget-Reviews .single-item-slider .slider-inner-container {
    height: 15em;
}

.widget-Reviews .single-item-slider .slider-control {
    top: 6%;
}

.featuredInventory h2, 
.reviewsWidget h2 {
    position: relative;
    width: max-content;
    margin: 25px auto;
    font-size: 40px;
}

.featuredInventory h2:before, 
.reviewsWidget h2:before, 
.featuredInventory h2:after, 
.reviewsWidget h2:after {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    left: -110px;
    bottom: 19px;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,102,0,1) 100%);
}

.featuredInventory h2:after, 
.reviewsWidget h2:after {
    left: unset;
    background: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(255,102,0,1) 100%);
    right: -110px;
}






/* INVENTORY */

.modal {
    z-index: 99999;
}

#details-accordions {
    color: black;
}

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

.inventory-image {
    object-fit: contain;
    max-height: 263px;
    width: 100%;
}

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

#SimilarVehicles .vehicle-box:hover {
    transform: scale(1.02);
}

#FilterQuickSearch {
    margin: 0;
    border: 1px solid #cccccc;
    color: white;
}

.panel-default>.panel-heading {
    color: #000;
    background-color: #e6e6e6;
    border-color: #ddd;
    text-transform: uppercase;
}

.specs-panel.panel-body {
    background-color: #fff;
    color: #000;
}

.k-pager-wrap {
    margin-top: 9px;
}

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

.inventory-container .vehicle .price {
    text-align: center;
    font-size: 25px;
    padding: 3px;
    color: rgb(255, 102, 0);
    background-color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 700;
}

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

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

.inventory-container .vehicle:hover {
    background-color: #ff6600;
    transition: .4s ease;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 21px;
    min-height: 46px;
}

.inventory-container .vehicle .title {
    padding: 5px 10px;
}

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

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

.blurbBanner span {
    width: 100%;
    transform: none;
    top: -250px;
    left: 0;
    padding: 2px 0;
}







/* FORMS */

.btn-primary {
    color: #fff;
    background-color: #ff6600;
    border: 2px solid #ff6600;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 15px;
    text-shadow: 1px 1px 2px black;
    transition: .3s;
    margin: 10px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.btn-primary:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 1, 1) 0s;
    z-index: -1;
    background-color: black;
    /* transform: rotate(45deg); */
    transition: .6s;
}

.btn-primary:hover, .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.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #ff6600;
    border-color: white;
}

.btn-primary:hover:before {
    left: 100%;
    width: 100%;
}

.btn-sec {
    display: block;
    width: max-content;
    margin: 10px auto;
    font-size: 20px;
}

.mainform {
    height: max-content;
}

.mainform > div {
    padding: 10px;
    background-color: #1d1d1d;
}

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

.form-header-text {
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    margin-bottom: 4px;
    color: #ff6600;
    font-weight: 700;
}

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

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

.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: #1d1d1d;
}

.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;
    font-weight: 600;
    color: white;
    border: 1px solid #000000;
    background-color: black;
}

.customForm textarea {
    width: 100%;
}

.customForm select {
    border: none;
    padding: 2px 3px;
    font-size: 14px;
}

@media (min-width: 768px) {
#Form2922 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form8323 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7),
#Form8322 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7),
#Form14814 > div:nth-child(1) > fieldset > div:nth-child(n+7):nth-child(-n+9),
#Form14815 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7),
#Form960 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+7) {
    width: 33.33%;
    display: inline-block;
    padding: 0 5px;
}

#Form2922 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form2922 > div:nth-child(1) > fieldset > div:nth-child(n+11):nth-child(-n+14),
#Form2919 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+9),
#Form957 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+9),
#Form14814 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5),
#Form14814 > div:nth-child(1) > fieldset > div:nth-child(n+11):nth-child(-n+14) {
    width: 25%;
    display: inline-block;
    padding: 0 5px;
}

#Form2922 > div:nth-child(1) > fieldset > div:nth-child(n+15),
#Form2919 > div:nth-child(1) > fieldset > div:nth-child(n+10),
#Form957 > div:nth-child(1) > fieldset > div:nth-child(n+10),
#Form14814 > div:nth-child(1) > fieldset > div:nth-child(n+15) {
    padding: 0 5px;
}
}





/* FOOTER */

.footerSocial {
    line-height: 27px;
}

.footerBlock:nth-child(2) > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

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

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

.footerContainer {
    background-color: white;
    display: flex;
    justify-content: space-between;
    line-height: 32px;
    text-transform: uppercase;
    background-image: url(https://psmfirestorm.blob.core.windows.net/de568ddf-392b-48d2-b1d2-be60460207d8/coal-82.jpg);
    background-size: cover;
}

.footerMap {
    flex: 0 0 30%;
    position: relative;
    padding-bottom: 21%;
    min-height: 150px;
}

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

.footerBlock {
    padding: 15px;
}

.footerBlock .dealer-phone, 
.footerBlock .dealer-address {
    display: block;
}

.footerBlock table td:nth-child(1) {
    padding-right: 25px;
}

.footerBlock ul {
    list-style: none;
    padding: 0;
}

.dealerLogo {
    max-width: 250px;
}

.footerLogos img:nth-child(2) {
    max-width: 140px;
    margin-left: 15px;
}

.footerBack > div > div:nth-child(4) {
    margin-right: 25px;
}

.footerLogos img:nth-child(2) {
    max-width: 140px;
    margin-left: 15px;
}

.footerText {
    font-weight: 700;
    margin-top: 20px;
    position: absolute;
    font-size: 18px;
}

.footerText span {
    color: #ff6600;
}







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

.headerLogo {
    flex: 0 0 27%;
}

.headerLogo a img:nth-child(2) {
    max-width: 95px;
}

.footerBack > div > div:nth-child(2) {
    flex: 0 0 25%;
    padding-bottom: 35px;
}

.footerText {
    margin-top: 3px;
}

.navbar-nav > li > a {
    padding: 15px 10px;
}

.btnContainer h2 {
    font-size: 30px;
}

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

.inventory-image {
    max-height: 195px;
}

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

.mapWrapper {
    padding-bottom: 111%;
}

.socialTab a {
    padding: 3px;
}

.socialTab img {
    max-width: 29px;
}

.headerBlock .dealer-phone {
    font-size: 40px;
}

.headerBtns .btn-primary {
    padding: 8px 8px;
    margin-left: 5px;
}

.headerLogo {
    flex: 0 0 20%;
}

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

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

.socialTab {
    margin-left: 25px;
}

.btnContainer div:before {
    height: 85px;
}

.blurbBanner span {
    top: -193px;
}
}





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

.headerAddress .dealer-address::after {
    display: none;
}

.headerLogo {
    flex: 0 0 27%;
}

.headerLogo a img:nth-child(2) {
    max-width: 69px;
}

.headerAddress .dealer-address {
    margin-right: 0;
    display: block;
}

.headerBlock .dealer-phone {
    display: block;
    font-size: 28px;
}

.headerBtns {
    display: flex;
    flex-flow: column;
    margin-top: 0;
}

.headerBtns .btn-primary:nth-child(2) {
    margin-top: 25px;
}

.navbar-nav > li > a {
    padding: 15px 4px;
    font-size: 13px;
}

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

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

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

.footerMap {
    flex: 0 0 100%;
}

footer.body .copyright .wrapper {
    padding: 20px 0;
}

.inventory-image {
    max-height: 156px;
}

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

.mapWrapper {
    padding-bottom: 136%;
}

.headerContainer {
    align-items: center;
}

.btnContainer div:before {
    height: 85px;
    width: 30px;
    bottom: -15px;
}

.blurbBanner span {
    top: -156px;
}
}





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

#main-nav .nav > li > a {
    font-size: 12px;
    padding: 15px 3px;
}

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

.headerRight {
    flex-flow: row;
    justify-content: space-between;
    flex: 0 0 100%;
}

.btnContainer {
    justify-content: space-around;
}

.btnContainer a {
    flex: 0 0 47%;
    margin: 20px 0;
}

.btnContainer h2 {
    font-size: 30px;
}

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

.reviewsWidget {
    margin-top: 45px;
}

.homeAbout {
    flex-flow: column-reverse;
}

.homeAbout > div:nth-child(2) {
    margin-left: 0;
}

.homeAbout h4 {
    font-size: 40px;
    margin-top: 120px;
}

.homeAbout h4 span {
    font-size: 45px;
}

.homeAbout .btn-primary {
    margin: 29px auto 110px;
}

.homeAbout > div:nth-child(1) > a {
    margin: 29px auto 0px;
}

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

.footerMap {
    width: 100%;
}

.footerText {
    position: relative;
}

.inventory-image {
    max-height: 248px;
}

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

.form-header-text {
    font-size: 31px;
}

.raBtns {
    width: 100%;
}

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

.siteSearch-M button {
    border: none;
    border-radius: 0;
    margin: 0px 0 0 0!important;
    padding: 5px;
}

.siteSearch-M .form-control {
    background-color: #e3e3e3;
    padding: 12px;
}

#open-mobile-filters-btn {
    padding: 7px 10px;
}

.blurbBanner span {
    top: -249px;
}
}





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

.headerAddress,
.headerBtns {
    display: none;
}

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

#CustomEventWidget .eventWrapper {
    flex-flow: column;
}

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

.headerHours h5 {
    margin: 0;
}

.headerContainer {
    position: relative;
    padding-top: 50px;
}

.socialTab {
    position: absolute;
    top: 0;
    width: 100%;
    justify-content: flex-start;
    left: 0;
    margin: 0;
}

.socialTab a {
    padding: 3px;
    margin: 16px;
}

.headerHours {
    margin-top: -6px;
}

.footerBlock:nth-child(2) > div:nth-child(2) {
    flex-flow: column;
}

.footerSocial {
    margin: 15px auto;
}

.headerLogo {
    flex: 0 0 24%;
    position: absolute;
    bottom: -73px;
    left: 15px;
    z-index: 55;
}

.headerBlock .dealer-phone {
    display: block;
    font-size: 25px;
}

#main-nav .navbar-toggle {
    margin: 16px 5px;
}

.navbar-nav {
    display: block;
    margin: inherit;
}

#main-nav .nav > li > a {
    font-size: 16px;
    padding: 15px;
}

.btnContainer a {
    flex: 0 0 100%;
}

.btnContainer span {
    font-size: 6vw;
}

.btnContainer h2 {
    font-size: 8vw;
}

.searchContainer {
    margin: 0 auto 25px;
}

.searchSection {
    background-color: rgb(0 0 0);
}

.searchSection:before {
    z-index: 0;
    filter: opacity(0.25);
}

.featuredInventory h2, .reviewsWidget h2 {
    font-size: 28px;
}

.footerContainer > div:nth-child(2) {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.footerLogos {
    text-align: center;
    margin-bottom: 25px;
}

.dealerLogo {
    max-width: 160px;
}

.footerLogos img:nth-child(2) {
    max-width: 80px;
    margin-left: 15px;
}

.footerText {
    line-height: 19px;
}

.p-header {
    margin-bottom: 0;
    height: 150px;
}

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

.p-header h1 {
    padding: 2px 8px;
    font-size: 9vw;
}

.specialsContainer {
    justify-content: space-around;
}

.specialsContainer div {
    flex: 0 0 47%;
    margin: 5px 0;
}

.specialsContainer h4 {
    font-size: 30px;
}

.mcButtons a {
    flex: 0 0 42%;
}

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

.raThumbs div {
    flex: 0 0 46%;
    margin: 10px 0;
}

.card-header .btn {
    width: 100%;
    white-space: break-spaces;
}

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

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

.dropdown-menu>li>a {
    color: white;
}

.headerLogo img {
    max-width: 200px;
}

#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;
}

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

.navbar-collapse {
    border-top: none;
    box-shadow: none;
}

.blurbBanner span {
    top: -213px;
}
}