body {
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #ed2836;
    text-decoration: none;
    transition: .2s;
}

a:hover, a:focus {
    color: #b7000d;
    text-decoration: none;
}


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

header.body {
    margin-bottom: -5px;
}

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

.box3 {
    height: auto;
    width: 100%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/f006bbd7-7e93-4ae0-9d48-81735ed700af/background-3x.jpg);
    background-size: cover;
    text-align: center;
    position: relative;
    background-position: 0 0px;
    margin-top: -30px;
}

@media (max-width: 767px) {
.box3 {
    background-position: 0 0px!important;
}
}

.box4 {
    height: auto;
    width: 100%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/a24c16eb-fcce-4706-ab38-2d3e368e50b6/downhill_001.jpg);
    background-size: cover;
    position: relative;
    background-position: 0 0px;
    margin-top: -30px;
}

.box5 {
    height: auto;
    width: 100%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/db0861a4-b74a-4eaf-93b2-7374ba5df273/adventure.jpg);
    background-size: cover;
    position: relative;
    background-position: 0 0px;
    margin-top: -30px;
}

.box6 {
    height: auto;
    width: 100%;
    background-image: url(https://psmfirestorm.blob.core.windows.net/bd25dea8-6c89-4d6d-b0a7-e7d63d3fa843/dirt-street.jpg);
    background-size: cover;
    position: relative;
    background-position: 0 0px;
    margin-top: -30px;
}



/* HEADER */

.headerbackground {
    background-image: url(https://psmfirestorm.blob.core.windows.net/16a1a073-12ea-4bf1-838c-b4b527c6f5f6/mountain-header-3.jpg);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: bottom;
}

.headercontainer {
    display: flex;
    justify-content: space-around;
    padding: 5px 15px 10px;
    width: 768px;
    margin: auto;
    align-items: flex-start;
}

.headercontainer a {
    color: black;
    transition: .3s;
}

.headercontainer a:hover {
    color: #ed2836;
}

.headerblock {
    flex: 0 0 50%;
    text-transform: uppercase;
    margin-top: 5px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.headerSocial {
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.headerSocial a {
    font-size: 25px;
    padding: 0 10px;
}

.headerInfo {
    padding-right: 5px;
    border-right: 1px solid black;
}

.headerlogo {
    flex: 0 0 50%;
}

.headerlogo img {
    max-width: 175px;
}


.headerblock a.dealer-phone.phone-text {
    font-family: 'Anton', sans-serif;
    font-size: 37px;
    display: block;
    letter-spacing: 1px;
}

.headerblock span.dealer-address {
    padding-right: 5px;
    border-right: 1px solid;
}

.headerblock span.dealer-city {
    padding-left: 5px;
}














/* NAVIGATION */

div#main-nav {
    background-color: #929497;
    height: 52px;
}

#main-nav .nav > li > a {
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    letter-spacing: 1px;
    font-size: 13px;
    color: #000000;
    transition: .3s;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar {
    min-height: unset;
    height: 52px;
}

#main-nav > nav > div {
    height: 52px;
}

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

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #ed2836;
}







/* CONTENT */

.topsection {
    padding: 10% 0%;
}

.topsection h1 {
    font-size: 5vw;
    color: #ed2836;
    width: 43%;
    margin: 10px auto;
    padding: 10px;
    text-shadow: 1px 1px 1px black, 2px 2px 2px black;
}


.siteSearch .searchContainer {
    display: flex;
    width: 50%;
    margin: auto;
}

.topsection input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #cccccc;
}

.topsection button.btn.btn-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    margin: 5px 0px;
}

.service-wrapper,
.parts-wrapper {
    width: 90%;
    margin: auto;
}

.serv-cont {
    position: relative;
    background-image: url(https://psmfirestorm.blob.core.windows.net/967db70b-37d4-4f64-b292-f4e423f9a5f1/sub-fluid-fs-blurry.jpg);
    background-size: cover;
    padding: 5%;
    width: 70%;
}

.serv-text {
    background-color: white;
    position: absolute;
    right: -20%;
    top: 27%;
    font-size: 20px;
    width: 40%;
    padding: 2% 2% 2% 2%;
    border-right: 2px solid #ed2836;
    height: fit-content;
}

.parts-cont {
    position: relative;
    background-image: url(https://psmfirestorm.blob.core.windows.net/96c4a2d8-a849-4b7c-b5f3-dad28d39ced0/parts-pic-blurry.jpg);
    background-size: cover;
    padding: 5%;
    width: 70%;
    margin-left: 30%;
}

.parts-text {
    background-color: white;
    position: absolute;
    left: -20%;
    top: 27%;
    font-size: 20px;
    width: 40%;
    padding: 2% 2% 2% 2%;
    border-left: 2px solid #ed2836;
    height: fit-content;
}

a.btn.btn-primary.scd-btn {
    display: block;
    width: fit-content;
    margin: 5px 0px;
}

.btn-primary {
    color: #fff;
    background-color: #ed2836;
    border-color: #cccccc;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 5px;
    transition: .2s;
}

.btn-primary:hover {
    color: #ed2836;
    background-color: #ffffff;
    border-color: #ed2836;
}

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

.mapwrapper {
    position: relative;
    padding-bottom: 17%;
    margin-bottom: -30px;
}

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

.mapwrapper2 {
    position: relative;
    padding-bottom: 30%;
}

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

.homeabout {
    background-image: url(https://psmfirestorm.blob.core.windows.net/77b43839-9a8a-43f4-90e6-141360f5a732/about-background-2.jpg);
    background-size: cover;
    position: relative;
    padding: 54% 0% 0%;
}

.hometext {
    padding: 10px 15px;
    margin: 0 30px;
    background-color: white;
    position: absolute;
    bottom: 0;
}

.hometext h4 {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    text-align: center;
}

.hometext h2 {
    text-align: center;
    font-size: 40px;
    margin: 0;
    border-bottom: 1px solid #ed2836;
    margin-bottom: 7px;
    letter-spacing: 4px;
}

.p-header {
    display: flex;
}

.p-header h1 {
    color: white;
    font-size: 8vw;
    margin: 3%;
    text-shadow: 1px 1px 1px black;
    border-left: 3px solid #ed2836;
    padding: 1%;
}

table.mapandhourstbl.k-table {
    width: 45%;
}

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

.servPriceBlock {
    flex: 0 0 33%;
    padding: 10px;
    background-color: #f0f0f0;
}

.servPriceBlock h3 {
    text-align: center;
    background-color: #ed2836;
    color: white;
    padding: 15px;
    margin: 0;
}

.servPriceBlock h4 {
    text-align: center;
    background-color: black;
    color: white;
    padding: 8px;
    margin-top: 0;
}

.servPriceBlock > ul {
    padding: 0 0 0 27px;
}

.servPriceCont div:last-child {
    flex: 0 0 52%;
    margin-top: 10px;
}

.servPriceBlock table {
    margin-top: 10px;
    width: 100%;
}

.servPriceBlock table td {
    padding: 5px;
    border: 1px solid white;
}






/* FEATURED INVENTORY */

.featuredinventory h2 {
    text-align: center;
}

.single-item-slider .item-detail .price {
    font-size: 24px;
    padding: 0 3%;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    bottom: 0;
}

.single-item-slider .item {
    border: 1px solid #929497;
}

.single-item-slider .item-detail .name {
    color: black;
}







/* FOOTER */

footer.body .outer-wrapper {
    background-color: rgb(255, 255, 255);
    color: #949494;
    text-align: center;
}

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

.footer {
    background-color: white;
    border-top: 5px solid #ababab;
    color: black;
}

.footercontainer {
    margin: auto;
    display: flex;
    padding: 15px;
    justify-content: space-between;
    width: 85%;
}

.footercontainer a {
    color: black;
    transition: .3s;
}

.footercontainer a:hover {
    color: #ed2836;
}

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

img.footerlogo {
    max-width: 275px;
    padding-top: 18px;
}

div.footer > div > div:nth-child(4) > table > tbody > tr:nth-child(n+1) > td:nth-child(2) {
    padding-left: 25px;
}

.footersocial {
    display: flex;
    justify-content: center;
}

.fsocialblock {
    font-size: 32px;
    padding: 10px;
}

a.footercontact {
    margin-top: 30px;
    display: block;
    background-color: #000000;
    text-align: center;
    color: white;
    padding: 5px;
}

a.footer-phone.dealer-phone.phone-text {
    font-size: 20px;
}

span.fa.fa-bicycle {
    margin-right: 8px;
}

.footer-bottom img {
    display: block;
    margin: auto;
}






/* INVENTORY */

.panel-default>.panel-heading {
    background-color: #929497;
    border-color: #ddd;
    color: black;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

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


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

.inventory-container .vehicle .title {
    text-align: center;
}

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

.vehiclemodel.styleNm {
    text-transform: uppercase;
    font-size: 18px;
}

.info {
    font-size: 12px;
}

.inventory-container .vehicle .price {
    font-size: 22px;
    text-align: center;
    padding-right: 0;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

.locationBox {
    border: 1px solid #929497;
}

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

.vdp-inquire .form-control, #VehicleInquiryViewModel_Comments {
    border: 1px solid #d2d2d2;
}






/* FORMS */

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

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

.form-control {
    border-radius: 0;
    margin: 5px 0px;
    border: 1px solid #ed2836;
    border-top: transparent;
    border-right: transparent;
    box-shadow: none;
    font-size: 14px!important;
}

.form-control:hover, 
.form-control:active {
    border: 1px solid black;
}

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


.form-header-text {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1px;
}

.mainform > div {
    border: 1px solid #929497;
    padding: 15px;
}

.vdpinquiryheader {
    font-size: 30px;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inquiryformcontainer {
    font-size: 15px;
    border: 1px solid #929497;
}


@media (min-width: 768px) {
#Form719 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5), 
#Form720 > div:nth-child(1) > fieldset > div:nth-child(n+2):nth-child(-n+5) {
    width: 25%;
    display: inline-block;
    padding: 0 5px;
}

#Form719 > div:nth-child(1) > fieldset > div:nth-child(6),
#Form720 > div:nth-child(1) > fieldset > div:nth-child(6) {
    padding: 0 5px;
}
}






/* CALENDAR */

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

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

.siteSearch-M button {
    height: 34px;
    margin-top: 5px !important;
}

.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
    z-index: 1038;
}

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

.employeewidget {
    border: 5px solid red;
    padding: 0;
    margin: 10px;
}
.nameTitle {
    position: relative;
    bottom: 95px;
    margin-bottom: -88px;
    padding-left: 10px;
}
.nameTitle h3.title {
    color: white;
    text-shadow: 2px 2px black;
    font-size: 28px;
}
.nameTitle .post {
    background-color: #929497;
    padding: 2px 5px;
    color: white;
    font-size: 16px;
}

.customForm input,
.customForm textarea {
    font-size: 12px!important;
    padding: 4px 5px;
    margin: 3px 0;
}

.customForm textarea {
    width: 100%;
}

.customForm input:nth-child(1),
.customForm input:nth-child(2),
.customForm input:nth-child(6) {
    width: 8em;
}

.customForm input:nth-child(4) {
    width: 7em;
}

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

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


@media (max-width: 767px) {
    .headercontainer, .headercontainer img {
        display: none;
    }
    div#main-nav, header.body, .navbar {
        height: 62px;
        margin-bottom: 0;
        border: none;
    }
    .navbar-nav {
        display: block;
    }
    #main-nav-collapse {
        background-color: #929497;
    }
    #main-nav .nav > li > a {
        font-size: 18px;
        padding: 15px 0;
    }
    #main-nav .navbar-brand {
        height: 60px;
        margin: 0px;
        padding: 2px 15px;
    }
    .topsection h1 {
        width: 100%;
        font-size: calc(26px + (48 - 26) * ((100vw - 320px) / (768 - 320)));
    }
    .siteSearch .searchContainer {
        width: calc(260px + (380 - 260) * ((100vw - 320px) / (768 - 320)));
    }
    .serv-cont, .parts-cont {
        width: 100%;
        margin-left: 0;
    }
    .serv-text, .parts-text {
        position: relative;
        width: 100%;
        right: 0;
        left: 0;
        text-align: center;
        border-right: 2px solid #ed2836;
        border-left: 2px solid #ed2836;
        border-bottom: 2px solid #ed2836;
    }
    .hometext {
        position: relative;
    }
    a.btn.btn-primary.scd-btn {
        margin: 5px auto;
    }
    .homeabout {
        padding: 25px 0;
    }
    .hometext h2 {
        font-size: calc(28px + (42 - 28) * ((100vw - 320px) / (768 - 320)));
    }
    .footercontainer {
        flex-direction: column;
        text-align: center;
    }
    .mapwrapper {
        padding-bottom: 150px;
    }
    img.footerlogo {
        max-width: 100%;
    }
    .footerlinks a > li {
        margin: 20px 0;
    }
    .footerhours {
        margin: 0 auto;
    }
    .partsform .form-header-text {
        font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (768 - 320)));
    }
    .maptext {
        text-align: center;
    }
    .mapwrapper2 {
        padding-bottom: 150px;
    }
    table.mapandhourstbl.k-table {
        width: 290px;
        margin: 0 auto;
    }
    .p-header h1 { 
        font-size: 10vw;
    }
    .employeewidget {
        max-width: 300px;
        margin: 10px auto;
    }
    .nameTitle {
        bottom: 102px;
        margin-bottom: -92px;
    }
    .nameTitle h3.title {
        font-size: 32px;
    }
    .nameTitle .post {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .serv-text {
        right: -38%;
        top: calc(16px + (52 - 16) * ((100vw - 768px) / (991 - 768)));
        width: 330px;
    }
    .parts-text {
        left: -38%;
        top: calc(16px + (52 - 16) * ((100vw - 768px) / (991 - 768)));
        width: 330px;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 212px;
    }
    .footercontainer {
        width: 100%;
    }
    img.footerlogo {
        max-width: calc(200px + (250 - 200) * ((100vw - 768px) / (991 - 768)));
    }
    .footerContact {
        flex-basis: 30%;
        margin-left: 10px;
    }
    .footerlinks, .footerHours {
        flex-basis: 35%;
    }
    .employeewidget {
        flex-basis: 47%;
        -ms-flex: 45%;
    }
}

@media (min-width: 992px) {
    .headercontainer {
        width: 992px;
    }
    #main-nav .nav > li > a {
        font-size: 17px;
        padding-left: 14px;
        padding-right: 14px;
    }
    .headerlogo img {
        max-width: 250px;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 210px;
    }
    img.footerlogo {
        max-width: 300px;
    }
    .footerContact {
        flex-basis: 23%;
    }
    .footerlinks {
        flex-basis: 25%;
    }
    .footerHours {
        flex-basis: 44%;
    }
    .serv-text {
        right: -25%;
        top: calc(25px + (60 - 25) * ((100vw - 992px) / (1199 - 992)));
        width:  270px;
    }
    .parts-text {
        left: -25%;
        top: calc(25px + (60 - 25) * ((100vw - 992px) / (1199 - 992)));
        width: 270px;
    }
    .p-header h1 { 
        font-size: 6vw;
    }
    .employeewidget {
        flex-basis: 31%;
        -ms-flex: 29%;
    }
}

@media (min-width: 1200px) {
    .headercontainer {
        width: 1200px;
    }
    #main-nav .nav > li > a {
        font-size: 20px;
    }
    .headerlogo img {
        max-width: 300px;
    }
    .featuredinventory .single-item-slider .slider-inner .item {
        width: 205px;
    }
    .footercontainer {
        width: 85%;
    }
    .footerlinks, .footerHours, .footerContact {
        flex-basis: unset;
        margin-left: 0;
    }
    .serv-text {
        right: -20%;
        top: 27%;
        width: 40%;
    }
    .parts-text {
        left: -20%;
        top: 27%;
        width: 40%;
    }
    .p-header h1 { 
        font-size: 5vw;
    }
}





@media (max-width: 1199px) {
.servPriceCont div:last-child {
    flex: 0 0 61%;
}
}




@media (max-width: 991px) {
.servPriceCont div:last-child {
    flex: 0 0 80%;
}
}




@media (max-width: 767px) {
.servPriceBlock,
.servPriceCont div:last-child {
    flex: 0 0 99%;
    margin: 5px;
}
}