body {
    font-size: 16px;
    color: #000;
    font-family: 'Roboto', 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: #d4d4d4 url(https://psmfirestorm.blob.core.windows.net/70df3756-2829-478f-b422-24bc4b138392/background-13.jpeg) no-repeat center center;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    body {
    background: #d4d4d4 url(https://psmfirestorm.blob.core.windows.net/70df3756-2829-478f-b422-24bc4b138392/background-13.jpeg) no-repeat center bottom;
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}
}

.container {
    width: 1470px;
}

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    text-transform: uppercase;
}

#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, 
.page-bckgrnd > div,
#privacy-policy {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 80%);
}

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

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

.mcSliderSection > div {
    background-color: black;
    padding: 15px;
    box-shadow: 0px 0px 10px black;
}

.mcSliderSection > div {
    width: max-content;
    margin: 0 auto 25px;
}

.btnSection {
    background-color: white;
}

.featuredSection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/d1542612-0707-4789-83f4-db86089ca023/grunge-background.jpeg);
    margin-top: 0!important;
    padding: 75px 0 0;
    background-size: cover;
    background-position: center;
}

.aboutSection {
    background-color: white;
    margin-top: -25px!important;
    position: relative;
}

.aboutSection:after {
    content: '';
    width: 100%;
    height: 5%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/1f5437cf-bc4e-49bf-959d-d6989dfcbbb1/divider.png);
    position: absolute;
    transform: rotate(180deg);
    background-size: 100% 100%;
    z-index: 5;
    bottom: -4%;
    left: 0;
}

.eventsSection {
    padding: 100px 0 25px;
    background-color: black;
    margin-top: 0!important;
}






/* HEADER */

.headerbackground {
    background-color: black;
}

.headercontainer {
    width: 1470px;
    margin: auto;
    display: flex;
    color: white;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
}

.headerInfo {
    display: flex;
    margin-bottom: -102px;
}

.headerblock:nth-child(2) {
    text-align: center;
    margin-left: 15px;
}

h3.dealerName {
    text-align: center;
    font-size: 29px;
    margin-top: 5px;
}

h3.dealerName span,
.headerblock .dealer-phone {
    display: block;
}

.headerblock .dealer-phone {
    font-size: 38px;
    margin-top: -10px;
}

.headerblockR {
    display: flex;
}

.headerRleft {
    display: flex;
    flex-flow: column;
}

.headerRright {
    margin-left: 15px;
}

.headerRright img {
    max-width: 125px;
}

.headersocial,
.footer-social {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 15px;
}

.headersocial a,
.footer-social a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    color: white;
    text-align: center;
    padding: 5px;
    margin: 5px;
}

.headersocial a:hover, 
.footer-social a:hover {
    border-radius: 8px;
}

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

.headersocial .dealer-instagram,
.footer-social .dealer-instagram {
    background: linear-gradient(202deg, 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%);
}

.headersocial .dealer-twitter,
.footer-social .dealer-twitter {
    background-color: #1d9bf0;
}

a.headerLogo img {
    max-width: 260px;
}

.headerMid {
    display: flex;
    flex-flow: column;
}

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

.headerInfo a:hover {
    color: #a0a0a0;
}

a.contactTab {
    position: fixed;
    transform: rotate(-90deg);
    background-color: black;
    padding: 10px;
    right: -41px;
    border: 2px solid;
    border-bottom: none;
    top: 45%;
    z-index: 9;
}

a.contactTab h5 {
    margin: 0;
    font-size: 16px;
    color: white;
}







/* NAVIGATION */

#main-nav {
    background-color: white;
}

.navbar-nav {
    float: right;
    margin: 0;
}

.navbar-nav>li>a {
    text-transform: uppercase;
    color: black;
    font-size: 17px;
    padding: 25px 13px;
}







/* CONTENT */
.racingTeamPics {
    display: flex;
    flex-wrap: wrap;
}

.racingTeamPics div {
    flex: 0 0 50%;
    padding: 15px;
}

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

.partsSpecials div {
    padding: 15px;
    flex: 0 0 50%;
}

.button1 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/e74b6b77-7ec1-4e13-bcfd-3281be44a54a/button-1x.jpg);
    background-size: cover;
    border: 3px solid #8c8c8c;
}

.button2 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/7c16ac81-67b0-4bee-a2c0-e70f8de44957/button-2.jpg);
    background-size: cover;
    border: 3px solid #8c8c8c;
}

.button3 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/c06533ea-9a2c-47f4-ab72-f43aef3ce6a2/button-3.jpg);
    background-size: cover;
    border: 3px solid #8c8c8c;
}

.button4 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/8eafa497-3a18-41e4-aa19-e4d16836b6fa/button-4.jpg);
    background-size: cover;
    border: 3px solid #8c8c8c;
}

.button5 {
    background-image: url(https://psmfirestorm.blob.core.windows.net/16cac7d9-ad28-4dc7-8dee-adfac63ae68b/button-pre-owned.jpg);
    background-size: cover;
    border: 3px solid #8c8c8c;
}



.hbutton {
    box-shadow: 0px 0px 10px black;
}


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

.hbuttoncontainer a .hbutton {
    transition: .3s;
}

.hbuttoncontainer a:hover .hbutton {
    transform: scale(.9);
}

.hbuttoncontainer a {
    flex: 0 0 19%;
    margin: 5px 0;
}

.hbuttontextwrapper {
    padding: 87px 5px 3px;
    position: relative;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 78%);
}

.hbuttontextwrapper h5 {
    font-family: 'Muli', sans-serif;
    letter-spacing: 3px;
    margin: 0;
    color: white;
}

.hbuttontextwrapper h3 {
    font-size: 24px;
    margin: 0;
}

.homeabout {
    padding: 16% 15px 15px;
    width: 1470px;
    margin: auto;
    position: relative;
}

.homeabouttext {
    flex: 0 0 50%;
    padding: 0px 5px;
}

.homeabouttext h1 {
    margin-top: 0;
    border-bottom: 1px solid gray;
    text-align: center;
}

.homeabouttext p {
    text-align: center;
}

.homeAboutPic {
    float: right;
    width: 51%;
    padding: 0 0 10px 10px;
}

.homepic {
    padding: 5px 0px 5px 5px;
}

.hmapwrapper {
    position: relative;
    padding-bottom: 30.5%;
}

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

.mem-wrapper {
    text-align: center;
}

.home-btm {
    background-color: black;
    padding: 50px 15px 25px;
    background-image: url(https://psmfirestorm.blob.core.windows.net/d669e399-b16a-413b-9a61-ce2bc87090b8/ue-background.jpeg);
}

img.serv-1 {
    float: right;
    padding: 0px 0px 10px 10px;
}

img.serv-2 {
    margin: auto;
    display: block;
}

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

.p-header img {
    width: 100%;
}

.p-header h1 {
    position: absolute;
    margin: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 60px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    padding-top: 20px;
    color: #ff6600;
    text-shadow: 0px 0px 10px black;
}

.p-s-header h1 {
    text-align: center;
    font-size: 60px;
}

img.parts-pic {
    float: right;
    padding: 0px 0px 10px 10px;
}

.links-container {
    text-align: center;
}

.video-wrapper {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-top: 30px;
}

.video-wrapper iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.video-wrapper2 {
    overflow: hidden;
    padding-bottom: 37.25%;
    position: relative;
    height: 0;
    margin: 15px;
    flex: 0 0 45%;
    -ms-flex: 0 0 43%;
}

.video-wrapper2 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

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

.video-wrapper3 {
    overflow: hidden;
    padding-bottom: 27.25%;
    position: relative;
    height: 0;
    flex: 0 0 47%;
    margin: 10px;
}

.video-wrapper3 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.lw-wrapper {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-top: 30px;
}

.lw-wrapper iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    border: none;
}

.cont-ctr {
    text-align: center;
    padding: 10px;
    border: 1px solid;
    margin: 10px 0px;
}

.cont-ctr h2 {
    color: #ff6600;
    margin: 0;
}

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

.txt-center {
    text-align: center;
}

.pc-cont a {
    margin: 15px;
    text-align: center;
}

.ra-pic {
    float: right;
    padding: 10px;
}

table.ps-table.k-table {
    width: 100%;
}

table.ra-table.k-table {
    width: 45%;
    font-weight: 700;
    text-transform: uppercase;
}


h3.pc-hdr {
    color: #ff6600;
}

.pc-text h4 {
    color: #ff6600;
}

.pc-pic img {
    width: 100%;
}

.af-cont div {
    margin: 15px;
}

img.af-main {
    margin: 15px;
}

.pk-container {
    display: flex;
}

.pk-container div {
    flex: 0 0 50%;
    padding: 1%;
}

.pk-container div img {
    width: 100%;
}

.dc-container {
    text-align: center;
}

.dc-container h2 {
    color: #ff6600;
}

.dc-block {
    margin: 60px 0px;
    border-bottom: 1px solid white;
    padding-bottom: 15px;
}

.ms-no-hd {
    margin-top: 61px;
}

.map-wrapper {
    position: relative;
    padding-bottom: 30%;
    margin-top: 30px;
}

.map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

table.mapandhourstbl.k-table td:last-child {
    padding-left: 40px;
}

.ss-1 {
    float: right;
    padding: 0px 0px 10px 10px;
}

.ss-2 {
    display: block;
    margin: auto;
}

.racing-iframe {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

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

img.livewiregif {
    float: right;
    width: 40%;
    padding: 0px 0px 10px 10px;
}

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

.history-block {
    flex: 0 0 23%;
    padding: 10px;
    text-align: center;
    background-color: #252525;
    margin: 5px;
}

@media (max-width: 991px) {
.history-block {
    flex: 0 0 48%; }
}

@media (max-width: 767px) {
.history-block {
    flex: 0 0 100%; }
}

.logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: white;
    align-items: center;
}

.logo-block {
    flex: 0 0 20%;
    padding: 10px;
}

@media (max-width: 767px) {
.logo-block {
    flex: 0 0 32%; }
}

.parts-catalog-divider {
    background-color: white;
    color: black;
    text-align: center;
}

.parts-catalog-divider h2 {
    font-size: 50px;
}
.parts-catalog-divider h2:after {
    content: '\f063';
    font-family: fontawesome;
    font-size: 32px;
    padding-left: 10px;
    vertical-align: middle;
}

.siteSearch {
    margin: 100px auto;
    display: flex;
    max-width: 600px;
    width: 100%;
    position: relative;
}

.siteSearch:before {
    content: '';
    position: absolute;
    border: #b0b0b0 solid 3px;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    z-index: -1;
}

.siteSearch .form-control {
    border: none;
    margin: 0;
    background-color: white;
    border-radius: 0;
    font-size: 14px;
    padding: 20px;
    color: black;
}

.siteSearch .form-control:hover {
    background-color: white;
}

.siteSearch button {
    background-color: white;
    color: #ff6600;
    border: none;
    padding: 8px 17px;
}

.buttonWrapper {
    width: 1470px;
    margin: -25px auto 0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.buttonWrapper a {
    flex: 0 0 19%;
    position: relative;
    border: 3px solid white;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 36%);
}

.buttonWrapper a > div {
    position: relative;
}

.buttonWrapper a > div:before {
    content: '';
    background: linear-gradient(to bottom, rgb(0 0 0 / 81%) 0%,rgb(0 0 0 / 15%) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: 1s;
}

.buttonWrapper a:hover > div:before {
    filter: opacity(0);
}

.buttonText {
    position: absolute;
    top: 0;
    color: white;
    left: 15px;
    transition: .5s cubic-bezier(0.4, 0, 1, 1);
}

.buttonWrapper a:hover .buttonText {
    top: 50%;
    transform: translateY(-50%);
}

.buttonText h3 {
    font-size: 32px;
    text-shadow: 2px 2px 2px black;
    position: relative;
}

.buttonText h3 span {
    display: block;
    letter-spacing: 3px;
    font-size: 35px;
}

.buttonText h3:after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #ff6600;
    position: absolute;
    bottom: -17px;
}

.buttonText h5 {
    display: block;
    margin-top: 33px;
    font-size: 16px;
}

h1.homeWelcome {
    font-size: 4.4vw;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 6vw;
    color: #dddada;
    top: 13%;
}

h1.homeWelcome span {
    font-weight: 700;
    color: #e9e9e9;
}

h1.homeWelcome sup {
    font-size: 2vw;
    top: -2vw;
}

#homecoming h2 {
    border-bottom: 2px solid #d7d7d7;
    margin-top: 50px;
}

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

.homecomingBtns > div {
    flex: 0 0 17%;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin: 10px;
    border: 2px solid #d8d8d8;
    padding: 5px;
}

.homecomingPics {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}

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

.homecomingContainer div {
    flex: 0 0 25%;
    text-align: center;
    padding: 15px;
}

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

.homeComingHours div {
    padding: 15px;
}

#homecoming .pic {
    float: right;
    width: 49%;
    max-height: 372px;
    object-fit: cover;
    object-position: 50% 61%;
}

#homecoming .vendors {
    align-items: center;
}

#homecoming .vendors div {
    flex: 0 0 33%;
    padding: 15px;
}

#homecoming .hupy {
    width: 25%;
    text-align: center;
    margin: 0 auto 25px;
    background-color: #e0e0e0;
    padding: 15px;
}

.emailContainer {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
}

.emailContainer > div {
    flex: 0 0 24%;
    background-color: #e7e7e7;
    padding: 15px 0;
    margin: 10px 0;
}

.emailContainer h3 {
    margin-top: 0;
    font-size: 33px;
}

.emailWrapper h1 {
    text-align: center;
    font-size: 50px;
}









/* MEET THE TEAM */

@media (min-width: 992px) {
.department .employee {
    flex-basis: 31%;
    -ms-flex: 0 0 29%; }
}

.department .employee .name p {
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    color: #ff6600;
}

.department .employee .job p {
    font-size: 16px;
    text-transform: uppercase;
}

.department .employee {
    background: #000;
    color: #fff;
    position: relative;
}

.department-container .department {
    background: rgba(0, 0, 0, 0.8);
}

.department .title {
    background: #88898b;
}

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

.brief {
    height: 123px;
    overflow: scroll;
}


#employees-team-page > div.row > div > h1 {
    text-align: center;
    color: #ff6600;
    font-size: 45px;
    text-shadow: 0px 0px 10px black;
    background-color: rgba(0, 0, 0, 0.8);
    margin: 0;
    padding-top: 15px;
}

.vytContainer {
    width: 1170px;
    margin: 60px auto -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px 0 0;
    position: relative;
    z-index: 3;
}

.vytContainer:before {
    content: '';
    width: 100%;
    height: 70%;
    background-color: #5b5b5b;
    position: absolute;
    left: 0;
    top: 15%;
    transform: skewX(-10deg);
    z-index: -1;
}

.vytText {
    position: relative;
    z-index: 3;
    padding: 20px 30px 20px 140px;
    text-align: center;
}

.vytText:before {
    content: '';
    width: 27%;
    height: 73%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/c6938369-850e-4c85-a036-97661ce5ffa6/stopwatch.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 22px;
    top: 18px;
}

.vytText:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #ff6600;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skewX(-10deg);
}

.vytText h3 {
    margin-top: 0;
    font-size: 50px;
    margin-bottom: 0;
}

.vytText span {
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3px;
    padding-left: 5px;
    color: white;
    z-index: 9;
    position: relative;
}

.countdown {
    font-size: 50px;
    font-weight: 700;
    color: white;
}

.upcomingEvents {
    margin-bottom: 25px;
}

.upcomingEvents > div {
    display: flex;
}

#CustomEventWidget .calEvent {
    min-height: 80px;
}

.widget-UpcomingEvents h3 {
    display: none;
}

.widget-UpcomingEvents h2 {
    text-align: center;
    font-size: 68px;
    color: #ffffff;
    position: relative;
    z-index: 4;
    margin-top: 69px!important;
    line-height: 65px;
}

.widget-UpcomingEvents h2:before {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/423f25f9-0fc5-4397-993e-8828d28c80b4/suburbanharley-logo-main.png);
    width: 65%;
    height: 132%;
    position: absolute;
    background-size: contain;
    left: 18%;
    top: -30%;
    z-index: -1;
    filter: opacity(0.25);
    background-repeat: no-repeat;
}






/* CALENDAR */

.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: #fff;
    background-color: #d8d8d8;
    border-color: #cccccc;
}









/* FEATURED INVENTORY */

.single-item-slider .item {
    background-color: #ffffff;
}

.single-item-slider .img-container {
    height: 280px;
    background-color: white;
    flex: 0 0 60%;
}

.single-item-slider .item-detail {
    flex: 0 0 40%;
    position: relative;
    z-index: 3;
}

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

.single-item-slider .item-detail .name {
    color: black;
    text-transform: uppercase;
    line-height: 27px;
    min-height: 200px;
    font-size: 24px;
}

.single-item-slider .item .item-inner {
    padding-bottom: 0%;
    display: flex;
}

.single-item-slider .item-detail .price {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0;
    position: relative;
    bottom: -17px;
    color: #ff6600;
}

.single-item-slider .item-detail .price:before {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #dbdbdb;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
}

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

.featuredInventory h2 {
    display: none;
}

.single-item-slider .slider-control {
    padding: 113px 6px;
    top: 0%;
    background-color: #ff6600;
    color: white;
}

.single-item-slider .item-detail:before {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/423f25f9-0fc5-4397-993e-8828d28c80b4/suburbanharley-logo-main.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: opacity(0.05);
    z-index: -1;
}








/* INVENTORY */

.inventory-container .toolbar { border-color: #777; background-color: #666; color: #fff; }

.inventory-container .vehicle { 
    border-color: transparent;
    transition: .3s; 
}

.inventory-container .vehicle-box {
    position: relative;
}

.inventory-container .vehicle:hover {
    background-color: #ffffff;
}

    .inventory-container .vehicle .title a { color: black; }
.inventory-container .btn { color: #fff; text-shadow: 0 1px 1px #585858; border-color: rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.29) rgba(0, 0, 0, 0.25); border-bottom-color: #696969; background-image: linear-gradient(to bottom, #919191, #575757); background-repeat: repeat-x; }

    .inventory-container .btn:hover, .inventory-container .btn:focus { background-position: 0 -25px; color: #fff; }
    .inventory-container .btn:hover, .inventory-container .btn:focus, .inventory-container .btn:active, .inventory-container .btn.active, .inventory-container .btn.disabled, .inventory-container .btn[disabled] { background-color: #888; }
.filters-container .panel-body li { color: #ccc; }

#filters-box li label {
    color: #000;
    font-size: 13px;
}

#filters-box .panel-heading { border-bottom: none; }

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

.inventory-container .vehicle .title {
    background-color: #868686;
    padding: 5px;
}

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

.inventory-container .vehicle .price {
    font-size: 22px;
    text-align: center;
    padding-right: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 900;
}

.inventory-container .vehicle .price-box {
    background-color: #868686;
}

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

.info {
    font-size: 12px;
    text-align: right;
    color: black;
}

#ModalVehicleInquiry {
    position: fixed;
    top: 3%;
    border: 2px #f58220 solid;
    z-index: 400;
    background: linear-gradient(135deg, rgba(142,142,142,1) 1%,rgba(214,214,214,1) 33%,rgba(142,142,142,1) 69%,rgba(214,214,214,1) 99%);
}

#ModalVehicleInquiry .vdpinquiryheader {
    text-align: left;
}

.searchReturn {
    color: white;
}

#inventory-page > div.mobile-filters-btn-box.visible-xs.visible-sm > div > input {
    margin: 5px 0;
}

#showroom .section-box {
    background-color: #515151;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #ff6600;
    border-color: #ddd;
    text-transform: uppercase;
    font-size: 16px;
}

.inquiryformcontainer,
.locationBox {
    font-size: 16px;
    color: black;
    background-color: #dedede;
}

#FilterQuickSearch {
    margin: 0;
    background-color: white;
    color: black;
}

.savings .label {
    position: absolute;
    top: -3px;
    left: -3px;
}

.inventory-image {
    max-height: unset;
    width: 100%;
    object-fit: cover;
}

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

a.invCallout {
    text-align: center;
    font-size: 20px;
}







/* FORMS */

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

.vdp-inquire .form-control, .vdp-inquire span {
    position: relative;
    left: 0;
    top: 0;
}

.mainform {
    height: fit-content;
}

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

label {
    margin-bottom: 0px;
    font-weight: unset;
    margin-top: 6px;
}

.form-header-text {
    text-transform: uppercase;
    color: black;
    text-align: center;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 3px;
}

.forms-title-section {
    text-align: center;
    display: block;
    color: black;
    text-transform: uppercase;
}

.form-control {
    background-color: white;
    color: black;
    margin: 3px 0px;
    transition: .3s;
}

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

.form-control:focus {
    border-color: #ff6600;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 169, 102, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 175, 102, 0.6);
}

.btn-primary {
    background-color: #ff6600;
    border-color: black;
    text-transform: uppercase;
    color: black;
    margin: 10px 0;
    transition: .3s;
    font-weight: 700;
    position: relative;
    border-radius: 0;
    border: none;
    padding: 10px 18px;
}

.btn-primary:before {
    content: '';
    position: absolute;
    border: #b0b0b0 solid 3px;
    top: -6px;
    left: 4px;
    right: 4px;
    bottom: -6px;
    transition: .3s;
}

.btn-primary:hover:before {
    left: -6px;
    right: -6px;
}

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

.vdpinquiryheader {
    margin-bottom: 0;
    font-weight: 900;
    text-transform: uppercase;
    color: black;
    text-align: center;
    display: block;
    font-size: 25px;
}

#vehicleInquiryForm > fieldset > br {
    display: none;
}








/* FOOTER */

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

.footerbackground {
    background-color: white;
    position: relative;
}

.footerbackground:before {
    content: '';
    width: 100%;
    height: 12%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/31830000-9c69-4f28-bb55-345ebd13a6fb/divider.png);
    position: absolute;
    background-size: 100% 100%;
    z-index: 5;
    top: -12%;
    left: 0;
}

.footercontainer {
    display: flex;
    width: 1470px;
    margin: auto;
    justify-content: space-between;
    padding: 30px;
    text-transform: uppercase;
    line-height: 30px;
}

.footerhours {
    display: flex;
    width: 290px;
    margin: 0 auto;
    justify-content: center;
}

.footerhoursblockl {
    padding-right: 15px;
}

.footerhoursblockr {
    text-align: right;
    padding-left: 15px;
}

.footer-social a img {
    width: 50px;
    padding: 0px 10px 0px 0px;
    transition: .3s;
}

.footer-social a img:hover {
    transform: scale(1.2);
}

a.dealer-phone.phone-text.footer-phone {
    font-size: 28px;
    font-weight: 900;
    margin-top: 2px;
    display: block;
}

a.footermapdir {
    padding: 10px;
    margin: 15px auto 0;
    display: block;
    background-color: #545454;
    border: 1px solid #8c8c8c;
    text-align: center;
    color: white;
    width: fit-content;
}

a.footermapdir:hover {
    background-color: black;
}

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

.footertable {
    margin: auto;
}

.footerblock h3 {
    position: relative;
}

.footerblock h3:after {
    content: '';
    width: 65px;
    height: 3px;
    background-color: #dcdada;
    position: absolute;
    bottom: -5px;
    left: 0;
}






.qLinks a {
    display: block;
    padding: 15px 0;
}

#mni-membership-637165103134724150 {
    margin-top: 20px;
}


.mcButton {
    break-word: break-word;
    white-space: normal;
}
#scrollUp {
    display: none;
}
.families ul {
    list-style-type: none;
    padding-inline-start: 0;
}
.families .dropdown-menu {
    background-color: #000;
    padding: 15px;
}
li.families {
    position: static;
}
.families .dropdown-menu {
    width: calc(100% + 2px);
    left: -2px;
    float: none;
    border: none;
    box-shadow: 0 2px 5px 0 #ff6600;
}
.families .dropdown-inner {
    display: flex;
    flex-flow: column nowrap;
    max-width: 1170px;
    margin: auto;
}
.families .dropMenu {
    display: inline-flex;
    flex-flow: column wrap;
}
.families .dropMenu li {
}
.dropdown-bikes-link span:first-child {
    flex: 0 0 40%;
}
.dropdown-bikes-link {
    display: flex;
}
.dropdown-bikes-link img {
    transition: transform .3s ease-in-out;
    -webkit-filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
}
.dropdown-bikes-link:hover img {
    transform: scale(1.09, 1.09) translate(6px, 3px) rotate(0.0004deg);
}
.families a,
.families a:hover {
    color: #ff6600;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .3s;
}
.families a:hover h4,
.families a:hover {
    color: #fff;
}
.dropdown-item-text {
    padding-left: 15px;
}
.dropdown-item-text p:last-child {
    color: #fff;
}
.fa-caret-right {
    color: #ff6600;
    padding-left: 5px;
    transition: padding-left .3s;
}
.families a:hover .fa-caret-right {
    padding-left: 15px;
}
@media (min-width: 768px) {
    .families .dropdown-inner {
        flex-flow: row nowrap;
    }
    .families .dropMenu {
        flex: 0 0 70%;
        display: inline-flex;
        flex-flow: row wrap;
    }
    .families .dropMenu li {
        flex: 0 1 30%;
    }
}




.m8PistonsTbl {
    width: 100%;
    margin: 0 auto 20px;
}




.clearing-table:before,
.clearing-table:after {
    content: " ";
    display: table;
}

.clearing-table:after {
    clear: both;
}

.clearing-table:before,
.clearing-table:after {
    content: " ";
    display: table;
}

.clearing-table:after {
    clear: both;
}

.responsive_table_container > ul {
    font-size: 0;
    font-size: 0.01px \9;
    list-style: none;
    padding-left: 0;
    text-align: center;
}

.responsive_table_container > ul:before,
.responsive_table_container > ul:after {
    content: " ";
    display: table;
}

.responsive_table_container > ul:after {
    clear: both;
}

.responsive_table_container > ul:before,
.responsive_table_container > ul:after {
    content: " ";
    display: table;
}

.responsive_table_container > ul:after {
    clear: both;
}

.responsive_table_container > ul > li {
    font-size: 14px;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 15px;
    border-top: 1px solid #f36900;
    padding-top: 5px;
    display: block;
}

@media (min-width: 320px) {
    .responsive_table_container > ul > li {
        float: none;
    }
}

@media (min-width: 500px) {
    .responsive_table_container > ul > li {
        display: inline-block;
        width: 49%;
    }
}

@media (min-width: 992px) {
    .responsive_table_container > ul > li {
        width: 24%;
    }
}

@media (min-width: 1200px) {
    .responsive_table_container > ul > li {
        width: 11%;
    }
}

@media (max-width: 1199px) {
    .responsive_table_container > ul > li:before {
        font-size: 18px;
        color: #f36900;
        content: attr(data-content) ":";
        display: block;
    }
    .responsive_table_container > ul > li:nth-last-child(n+18) {
        display: none;
    }
    .responsive_table_container > ul > li:nth-last-child(n+18):before {
        display: none;
    }
    .responsive_table_container > ul > li:nth-of-type(9n+1) {
        display: block;
        width: 100%;
        font-size: 22px;
        border-top: none;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .responsive_table_container > ul > li:nth-of-type(9n+1):before {
        display: none;
    }
    .responsive_table_container > ul > li:first-child {
        display: none;
    }
    .responsive_table_container > ul > li:not([data-content]) {
        display: none;
    }
}

.responsive_table_container > ul > li:nth-last-child(n+19) {
    border-top: none;
}

.responsive_table_container > ul > li:not([data-content]) {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.42857143;
    color: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #f36900;
}

.responsive_table_container > ul > li:not([data-content]) small,
.responsive_table_container > ul > li:not([data-content]) .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
}

.responsive_table_container > ul > li:not([data-content]) small,
.responsive_table_container > ul > li:not([data-content]) .small {
    font-size: 75%;
}



/* IRONe Styling */
.ironeContainer {
    background: white;
    color: black;
}
.ironeHeader {
    background-image: url(https://psmfirestorm.blob.core.windows.net/6a00e910-ca29-4618-abb5-8b014274bcdb/ironEheader.png);
    background-size: cover;
}
.ironeHeader h1 {
    padding: 270px 20px 2px;
    text-transform: uppercase;
}
.ironeModels {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
}
.ironeModels p {
    flex-basis: 100%;
}
.ironeModels > div {
    flex: 0 0 50%;
    -ms-flex: 0 0 48%;
    padding: 10px;
}
.ironeStyling {
    display: flex;
    flex-wrap: wrap;
    background: black;
    padding: 10px;
    color: white;
    justify-content: space-around;
}
.ironeStyling h2 {
    flex-basis: 100%;
    text-transform: uppercase;
}
.ironeFeatures {
    flex-basis: 31.9%;
    color: black;
    background: white;
    margin: 5px;
}
.ironeFeatures > div {
    padding: 10px;
}
.ironeFeatures h4 {
    text-transform: uppercase;
}
.ironeImagesWrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.ironeImages {
    flex: 0 0 33%;
    -ms-flex: 0 0 32%;
    padding: 5px;
}
.ironeFAQ {
    width: 70%;
    margin: 0 auto;
    padding: 0 0 10px;
}
.ironeFAQ h1 {
    text-transform: uppercase;
    text-align: center;
}
.FAQ {
    border-top: 2px solid #D3D3D3;
}
.FAQ h3 {
    display: inline-block;
}
.FAQ .fa-plus {
    font-size: 18px;
    border: 1px solid black;
    padding: 4px;
    float: right;
    margin-top: 17px;
}
.FAQ p {
    display: none;
    padding: 10px 20px;
    background-color: #D3D3D3;
}
.disclaimerModal {
    position: fixed;
    background: white;
    border: 2px solid black;
    border-radius: 5px;
    padding: 5px 10px;
    top: 50px;
    max-height: 70vh;
    overflow: auto;
    max-width: 650px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9999999999;
}
.disclaimerModal .topbar {
    float: right;
    width: fit-content;
    min-height: 22px;
    background-color: white;
}
.disclaimerModal .topbar:hover, .disclaimerOpen:hover {
    color: #f60;
    cursor: pointer;
}
.disclaimerModal .topbar span {
    padding: 0 3px;
}
.disclaimerModal .topbar .fa-window-close {
    font-size: 20px;
}
.disclaimerContent h1 {
    text-transform: uppercase;
}
.disclaimerModal .disclaimerContent {
    padding: 20px 50px;
}
.disclaimerModal .disclaimerContent ol {
    padding-left: 20px;
}
.disclaimerModal li {
    margin: 15px 0;
    font-size: 14px;
}
.disclaimerOpen {
    font-size: 12px;
}
.hidden {
    display: none;
}

@media (max-width: 767px) {
    .ironeHeader h1 {
        padding-top: calc(99px + (265 - 99) * ((100vw - 320px) / (768 - 320)));
        font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (768 - 320)));
        color: #f60;
        text-shadow: 2px 2px black;
    }
    .ironeModels ul {
        padding-left: 15px;
    }
    .ironeModels, .ironeStyling {
        display: block;
    }
    .ironeModels h2, .ironeModels h4, .ironeStyling h2, .ironeFeatures h4 {
        text-align: center;
    }
    .ironeFeatures {
        margin: 15px 5px;
    }
    .ironeFeatures img {
        display: block;
        margin: 0 auto;
    }
    .ironeImagesWrapper {
        justify-content: space-around;
    }
    .ironeImages {
        flex: 0 0 50%;
        -ms-flex: 0 0 48%;
    }
    .ironeFAQ {
        width: 100%;
        padding: 0 20px 10px;
    }
    .FAQ h3 {
        width: 90%;
        display: inline-block;
    }
    .FAQ .fa-plus {
        float: none;
        margin-top: 0;
    }
    .disclaimerModal {
        max-width: calc(100vw - 20px);
        top: 130px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px;
    }
    .disclaimerModal .topbar {
        position: fixed;
        right: 20px;
    }
}

@media (min-width: 768px) {
    .ironeHeader h1 {
        font-size: 26px;
    }
}

@media (min-width: 991px) {
    .ironeHeader h1 {
        font-size: 34px;
        padding: 352px 20px 2px;
    }
    .ironeFAQ {
        width: 60%;
    }
    .disclaimerModal {
        max-width: 720px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px 75px;
    }
}

@media (min-width: 1200px) {
    .ironeHeader h1 {
        padding: 420px 20px 2px;
        font-size: 41px;
    }
    .ironeFeatures {
        flex-basis: 19%;
    }
    .ironeFAQ {
        width: 50%;
    }
    .disclaimerModal {
        max-width: 910px;
    }
    .disclaimerModal .disclaimerContent {
        padding: 20px 100px;
    }
}

@media (max-width: 767px) {
.racingTeamPics div {
    flex: 0 0 100%;
}
.partsSpecials div {
    flex: 0 0 100%;
}
.mcSliderSection > div {
    width: 100%;
    margin: 0;
}
    .families .dropMenu li {
        padding: 10px 0;
    }
    .dropdown-bikes-link {
        align-items: flex-end;
    }
    .dropdown-bikes-link span:first-child {
        flex: 0 0 0;
    }
    .dropdown-bikes-link img {
        max-width: 115px;
    }
    .original-drop {
        margin-top: 15px;
        padding: 0 25px !important;
    }
    .original-drop li {
        padding: 5px 0;
    }
    .hbuttontextwrapper {
        padding: 111px 5px 0;
    }
    .hbuttontextwrapper h5 {
        font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (768 - 320)));
    }
    .homeslider {
        margin-bottom: 25px;
    }
    .servicetext > .widget-inner, .partstext > .widget-inner, .financetext > .widget-inner, .partscatalog > .widget-inner, .machineshop > .widget-inner, .rebuildContent > .widget-inner, .motorclothesText > .widget-inner, .ridingacademycontent > .widget-inner, .abouttext > .widget-inner, .maphourspage > .widget-inner {
        margin-top: 0 !important;
    }
    .home-btm {
        padding: 0 15px 25px;
    }
    .footer-social a img {
        padding: 0 5px;
    }
    #home-page {
        padding-top: 16px;
    }
    #filters-modal, #ModalVehicleInquiry {
        top: 70px;
    }
    #ModalVehicleInquiry {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
    }
    .p-header h1 {
        font-size: calc(29px + (62 - 32) * ((100vw - 320px) / (768 - 320)));
    }
    .serviceform, .partsform, .motorclothesform {
        order: 2;
    }
    img.serv-1, .ss-1, img.livewiregif, img.parts-pic, .ra-pic {
        float: none;
        padding: 0;
        display: block;
        margin: 0 auto;
    }
    .financetext .btn-primary {
        margin-bottom: 20px;
    }
    .livewire h1 {
        font-size: calc(30px + (36 - 30) * ((100vw - 320px) / (768 - 320)));
    }
    .livewire h3 {
        font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (768 - 320)));
    }
    img.livewiregif {
        width: 100%;
    }
    .suburbanspeedpage h1, .suburbanspeedpage .page-header-text, .suburbanspeedpage h3, .suburbanspeedpage .phone, .partsspecials h3, .machineshop p, .livewire h1, .livewire h3, .servicetext h3, .financetext h3, .partslinks h3, .ridingacademycontent h3, .ridingacademycontent h4, .maphourspage {
        text-align: center;
    }
    .suburbanspeedpage .page-header-text {
        font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (768 - 320)));
    }
    .video-wrapper2 {
        padding-bottom: 50%;
    }
   .video-wrapper3 {
       padding-bottom: 56.25%;
       flex: 0 0 94%;
    }
    table.ps-table.k-table td, table.ps-table.k-table th {
        display: block;
        margin: 5px 0;
    }
    table.ps-table.k-table tr {
        display: block;
        float: left;
        margin: 0 17px;
    }
    table.ps-table.k-table {
        width: 270px;
        margin: 0 auto;
    }
    .pc-cont a {
        width: 170px;
    }
    .pc-pic img {
        max-width: fit-content;
        margin: 0 auto;
        display: block;
    }
    .af-cont img {
        margin: 0 auto;
        display: block;
    }
    .p-s-header h1 {
        font-size: calc(30px + (58 - 30) * ((100vw - 320px) / (768 - 320)));
    }
    .rebuildHeader .p-header h1 {
        font-size: calc(26px + (62 - 26) * ((100vw - 320px) / (768 - 320)));
    }
    .motorclothesform .form-header-text {
        font-size: 28px;
    }
    img.parts-pic {
        padding: 10px;
    }
    .partslinks .links-container a {
        word-wrap: break-word;
        white-space: pre-wrap;
        max-width: 100%;
    }
    .ridingacademycontent h2 {
        font-size: calc(26px + (34 - 26) * ((100vw - 320px) / (768 - 320)));
    }        
    .ra-pic {
        padding: 10px;
    }
    table.ra-table.k-table {
        width: 250px;
        margin: 0 auto;
        text-align: center;
    }
    .mappage .map-wrapper {
        padding-bottom: 150px;
    }
    .mapandhourstbl {
        margin: 0 auto;
    }
    .department .employee {
        max-width: 250px;
    }
}



@media (min-width: 768px) {
    .qLinks a {
        margin: 8px 0;
    } 
    .servicetext h3:first-of-type {
        margin-top: 0;
    }
    .serviceform .form-header-text {
        font-size: 30px;
    }
    .livewire h1 {
        font-size: 32px;
    }
    .livewire h3 {
        font-size: 22px;
    }
    .suburbanspeedpage .page-header-text {
        font-size: 26px;
    }
    .video-container {
        display: flex;
        flex-wrap: wrap;
    }
    .pc-cont a {
        flex: 0 0 29%;
        -ms-flex: 0 0 27%;
    }
    .pc-container {
        display: flex;
        justify-content: space-between;
    }
    .pc-pic {
        padding: 0 0 15px 15px;
        flex: 0 0 40%;
    }
    .af-cont {
        display: flex;
        justify-content: space-around;
    } 
    .motorclothesform .form-header-text {
        font-size: 20px;
    }
    .links-container {
        display: flex;
        justify-content: space-around;
    }
}

@media (max-width: 991px) {
    .ms-block h3 {
        text-align: center;
    }
    .ms-block img {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .qLinks a {
        margin: 0;
    }
    .homeabouttext h1 {
        text-align: left;
        font-size: 30px;
    }
    .homeabouttext p {
        text-align: left;
        font-size: 12px;
    }
    .serviceform .form-header-text {
        font-size: 32px;
    }
    .livewire h1 {
        font-size: 36px;
    }
    .livewire h3 {
        font-size: 24px;
    }
    .video-wrapper2 {
        flex: 0 0 46%;
        -ms-flex: 0 0 44%;
    }
    .pc-cont a {
        flex: 0 0 30%;
        -ms-flex: 0 0 28%;
    }
    .ms-cont {
        display: flex;
        flex-wrap: wrap;
    }
    .ms-block {
        flex: 0 0 50%;
    }
    .ms-block.ms-no-hd:last-child {
        margin-top: 86px;
    }
    .motorclothesform .form-header-text {
        font-size: 28px;
    }
    table.ra-table.k-table {
        width: 35%;
    }
    .maptext .dealer-name {
        font-size: 30px;
    }
    .footerhours {
        width: auto;
        margin: 0;
    }
    .qLinks a {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .video-wrapper2 {
        flex: 0 0 47%;
        -ms-flex: 0 0 45%;
    }
    .motorclothesform .form-header-text {
        font-size: 32px;
    }
    table.ra-table.k-table {
        width: 35%;
    }
    .maptext .dealer-name {
        font-size: 36px;
    }
}



/* VIDEO ACCORDION */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    color: black;
}
.panel-heading {
  padding: 0;
    border:0;
}
.panel-title>a, .panel-title>a:active{
    display:block;
    padding:15px;
  font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
  word-spacing:3px;
    text-decoration:none;
}
.videoContent .panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.videoContent .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 





.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;
    flex: 0 0 50%;
}

.race-bio {
    padding: 0px 10px;
}

.thumbs img, 
#largeView img {
    border-radius: 8px;
    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);
}

.thumbs-wrapper {
    display: flex;
}

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

@media (max-width: 767px) {
.slideContainer > div {
    flex: 0 0 100%; }
}






/* BREAKPOINTS */

@media (max-width: 1499px) {
.headercontainer,
.container,
.buttonWrapper,
.homeabout,
.footercontainer {
    width: 1170px;
}

.headerInfo {
    margin-bottom: 0px;
}

a.headerLogo img {
    max-width: 210px;
}

h3.dealerName {
    font-size: 27px;
}

.navbar-nav {
    float: none;
    display: flex;
    justify-content: space-between;
}

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

.headerInfo {
    align-items: center;
}

.navbar-nav>li>a {
    font-size: 16px;
    padding: 25px 11px;
}

.buttonText h3 {
    font-size: 25px;
}

.buttonText h3 span {
    letter-spacing: 2px;
    font-size: 28px;
}

#mni-membership-637165103134724150 {
    flex: 0 0 15%;
}

.hmapwrapper {
    padding-bottom: 38.5%;
}

.vytContainer {
    width: 1100px;
}

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

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

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

.single-item-slider .item-detail .price {
    font-size: 21px;
}

.single-item-slider .slider-control {
    padding: 111px 6px;
}

.single-item-slider .item-detail .name {
    font-size: 20px;
}

.emailContainer h3 {
    margin-top: 0;
    font-size: 30px;
}
}




@media (max-width: 1199px) {

.headercontainer,
.container,
.buttonWrapper,
.homeabout,
.footercontainer {
    width: 970px;
}

#homecoming .pic {
    width: 62%;
    max-height: 400px;
}

#homecoming .hupy {
    width: 30%;
}

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

.hbuttontextwrapper {
    padding: 68px 5px 3px;
}

.vytContainer {
    width: 925px;
}

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

.headerBtns .btn-primary {
    margin: 10px;
}

.navbar-nav>li>a {
    font-size: 14px;
    padding: 25px 7px;
}

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

.buttonText h3 span {
    letter-spacing: 1px;
    font-size: 23px;
}

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

.hmapwrapper {
    padding-bottom: 46.6%;
}

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

#mni-membership-637165103134724150 {
    flex: 0 0 37%;
}

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

.emailContainer > div {
    flex: 0 0 49%;
    margin: 10px 0;
}
}




@media (max-width: 991px) {

.headercontainer,
.container,
.buttonWrapper,
.homeabout,
.footercontainer {
    width: 740px;
}

#homecoming .hupy {
    width: 43%;
}

#homecoming .pic {
    width: 56%;
    max-height: 100%;
}

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

.hbuttontextwrapper h3 {
    font-size: 14px;
}

.hbuttontextwrapper h5 {
    letter-spacing: 1px;
    font-size: 12px;
}

.hbuttontextwrapper {
    padding: 48px 5px 3px;
}

.vytContainer {
    width: 700px;
}

.headerblock:nth-child(2) {
    margin-left: 0;
}

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

.headerblock .dealer-phone {
    font-size: 29px;
    margin-top: -2px;
}

.headerInfo {
    flex-flow: column;
}

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

.buttonText h3 {
    font-size: 14px;
}

.buttonText h3 span {
    letter-spacing: 0px;
    font-size: 17px;
}

.buttonText h5 {
    font-size: 14px;
}

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

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

.single-item-slider .item-detail .price,
.single-item-slider .item-detail .name {
    font-size: 18px;
}

.single-item-slider .slider-control {
    padding: 102px 6px;
}

.vytText h3 {
    font-size: 36px;
}

.vytText span {
    font-size: 16px;
    letter-spacing: 2px;
}

.countdown {
    font-size: 40px;
}

.upcomingEvents > div {
    flex-flow: column;
}

.hmapwrapper {
    padding-bottom: 59.6%;
}

.qLinks a {
    padding: 0;
}

#mni-membership-637165103134724150 {
    flex: 0 0 48%;
}

h1.homeWelcome {
    top: 9%;
}

.widget-UpcomingEvents h2 {
    font-size: 50px;
    margin-top: 20px!important;
    margin-bottom: 15px;
}

.widget-UpcomingEvents h2:before {
    width: 65%;
    height: 164%;
    top: -69%;
    background-position: center;
}

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




@media (max-width: 767px) {

.headercontainer,
.container,
.buttonWrapper,
.homeabout,
.footercontainer {
    width: 100%;
}

#homecoming .hupy {
    width: 90%;
}

#homecoming .pic {
    float: none;
    width: 100%;
}

.homecomingContainer div {
    flex: 0 0 100%;
}

.hbuttontextwrapper {
    padding: 35% 2% 1%;
}

.hbuttontextwrapper h5 {
    letter-spacing: 1px;
    font-size: 3vw;
}

.hbuttontextwrapper h3 {
    font-size: 4.5vw;
}

.hbuttoncontainer a {
    flex: 1 0 43%;
    margin: 5px;
}

.vytContainer {
    width: 97%;
    flex-flow: column;
}

.vytText:before {
    width: 100%;
    height: 91%;
    left: 5px;
    top: 8px;
    filter: opacity(0.15);
}

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

.headerInfo > div:nth-child(2) > a:nth-child(2),
.headerBtns,
h3.dealerName,
.headerRright,
.headerblockR {
    display: none;
}

a.headerLogo img {
    max-width: 170px;
}

.headerbackground {
    position: relative;
}

.headerblock:nth-child(2) {
    position: absolute;
    bottom: -53px;
    width: 100%;
    padding-left: 15px;
}

.siteSearch {
    margin: 25px auto 93px;
}

.buttonWrapper {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: -50px;
}

.buttonText h3 span {
    font-size: 6vw;
}

.buttonText h3 {
    font-size: 5vw;
}

.buttonWrapper a {
    flex: 0 0 48%;
    margin: 5px 0;
}

.vytContainer:before {
    width: 88%;
    height: 88%;
    left: 15px;
}

.homeabout {
    padding: 1% 15px 15px;
}

.navbar-nav {
    display: block;
}

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

.headersocial {
    flex-flow: column;
    margin-bottom: 0;
}

.vytText {
    padding: 20px 30px 20px 30px;
}

.aboutSection {
    padding-top: 125px;
}

h1.homeWelcome span {
    display: block;
}

h1.homeWelcome {
    font-size: 8vw;
    position: relative;
    line-height: 8vw;
}

.inventory-image {
    width: unset;
    max-height: 200px;
}

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

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

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

h1.homeWelcome {
    top: -1%;
}

.aboutSection:after {
    height: 2%;
    bottom: -1%;
    background-size: cover;
}

.footerbackground:before {
    height: 3%;
    background-size: cover;
    top: -2%;
}

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

.single-item-slider .item .item-inner {
    padding-bottom: 25%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

.single-item-slider .img-container {
    height: 120px;
    flex: unset;
}

.single-item-slider .item-detail .name {
    min-height: 90px;
    font-size: 15px;
    line-height: 18px;
}

.single-item-slider .item-detail .price {
    font-size: 19px;
}

.emailContainer > div {
    flex: 0 0 100%;
}
}