body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif !important;
}

html {
    overflow-x: hidden;
}

.container {
    max-width: 1285px !important;
}

.header {
    background-image: url(../img/heaaderBg.png);
    background-position: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42);
    position: relative;
}

.header .nav-link {
    color: #000000 !important;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0 5px;
}

.header .navbar {
    padding: 1rem 0;
}

.header .navbar-nav {
    margin-left: 58px !important;
}

.header .navbar-collapse {
    margin-top: -45px;
}

/* .header .navbar-nav {
  padding-left: 82px;
} */
.header .nav-link:hover {
    color: #fd2b2b !important;
}

.header .nav-link.active {
    color: #fd2b2b !important;
}

.header .navbar-dark .navbar-toggler-icon {
    background-image: url(../img/menu-icon.png);
    padding: 0;
}

.header .navbar-dark .navbar-toggler:focus {
    outline: none !important;
}

.header .btn-primary {
    display: inline-block;
    margin: 0 5px;
}

.header .navbar-collapse {
    margin-top: 4px;
}

.header .rightBox {
    position: absolute;
    right: 0;
    top: 32px;
}

.header .rightBox img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 34px;
}

.header .rightBox .fa {
    display: inline-block;
    vertical-align: middle;
    background-color: #fb4644;
    color: #fff;
    padding: 10px;
    margin-right: 5px !important;
    border-radius: 3px;
    position: relative;
    top: -18px;
}

.banner {
    background-image: url(../img/hero1.jpg);
    height: 80vh;
    background-position: center;
    background-size: cover;
    display: flex;
}

.textBox {
    border-left: 5px solid #ffffff;
    /* margin: 2% 8% auto auto; */
    max-height: 437px;
    position: relative;
    top: 50%;
    left: 60%;
    transform: translate(0%,-50%);
}

.textBox .rowOne {
    width: 100%;
    font-family: 'Orbitron', sans-serif;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 1px 59px;
}

.textBox .rowOne h2 {
    font-size: 127px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 72px;
}

.textBox .rowOne span {
    font-size: 30px;
}

.textBox .rowOne span.big {
    font-size: 47px;
    top: -22px;
    left: 5px;
    position: relative;
}

.textBox .rowTwo {
    width: 100%;
    background-color: rgba(253, 43, 43, 0.9);
    padding: 20px 59px 12px 59px;
}

.textBox .rowTwo p, .textBox .rowTwo a {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
}

.textBox .rowTwo .fa {
    margin-right: 25px;
}

/* .container {
  max-width: 1270px !important
} */
.img-fluid {
    width: 100%;
}

.aboutRow {
    background: url(../img/aboutBg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.aboutRow .container {
    border: 2px solid #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

.aboutRow .cornerTop {
    position: absolute;
    left: -2px;
    top: -2px;
}

.aboutRow .cornerBottom {
    position: absolute;
    right: -2px;
    bottom: -2px;
}

h2.heading {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 15px;
}

.aboutRow .container p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.btn-primary {
    background-color: #f71d1d !important;
    font-size: 16px !important;
    color: #fff !important;
    border: 0 !important;
    padding: 20px 60px !important;
}

.btn-primary:hover {
    background-color: #ffffff !important;
    font-size: 16px !important;
    color: #f71d1d !important;
    border: 0 !important;
    padding: 20px 60px !important;
}

.contactRow h2.heading {
    padding-bottom: 0;
}

.contactRow iframe {
    width: 100%;
    height: 500px;
}

.footer {
    background: #252525;
}

.footer p {
    color: #9f9f9f;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 22px;
}

.footer p span {
    color: #ffffff;
}
/* =======================*/
/* Custom code */
/* =======================*/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.scrolling {
    width: 100%;
    height: 92px;
}
.lead-button {
    font-weight: 700;
    max-width: 300px;
    text-transform: uppercase;
    border: 1px solid #fd2b2b;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fd2b2b;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px 30px;
    display: block;
    margin: 10px auto;
}
.lead-button:hover {
    background-color: #fd2b2b;
    color: #ffc444;
    text-decoration: none;
}
.cform .form-control {
    border: 1px solid #fd2b2b;
    border-radius: 0;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:14px; color: #a0a0a0;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:14px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#a0a0a0;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#a0a0a0;}

.divfooter {max-width:1000px; width: 100%; text-align:center; margin:0 auto;}



/****** INVENTORY STYLES ******/

.list-content, .detail-content, .detail-content-mobile{text-align: left!important;}
.detail-content-mobile .contact-options a{color:#FFF!important;}
.detail-wrapper .details-fin-calc .detail-btn-calc p{margin-top:15px!important;}
.compare-chkbox-container .compare-listings .fa-check{top:5px!important;left:1px!important;}


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#f71d1d !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#f71d1d !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #f71d1d !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #f71d1d !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}



@media screen and (max-width:1290px) {
    .aboutRow .container {
        width: 95% !important;
    }
}

@media screen and (max-width:1250px) {
    .header .navbar-nav {
        margin-left: 0 !important;
    }

    .header .logo {
        width: 85%;
    }

    .header .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header .rightBox {
        top: 21px;
    }

    .textBox {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}

@media screen and (max-width:1199px) {
    .header .container {
        padding: 0;
    }

    .header .logo {
        margin-left: 15px;
    }

    .header {
        background-position: -350px top;
        background-color: #fff;
        background-repeat: no-repeat;
    }

    .header .navbar-collapse {
        margin-top: 0;
        background: #fff;
    }

    .header .rightBox {
        position: absolute;
        top: 23px;
        right: 11%;
    }

    /* .header .navbar-dark .navbar-brand {
    color: #fff;
    display: block;
    margin: auto;
  } */
    .header .navbar-nav {
        padding-left: 0;
        padding-top: 0;
    }

    .header .nav-link {
        font-size: 14px;
        border-radius: 0;
        color: #000 !important;
        border-bottom: 1px solid #ccc;
        padding: .5rem 1rem !important;
    }

    .header .contactBox {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width:715px) {
    .header .rightBox {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .banner {
        background-image: url(../img/hero2.jpg);
        height: 100vh;
        background-position: center bottom;
        background-size: cover;
        display: block;
    }

    .textBox {
        border-left: 5px solid #ffffff;
        /* margin: auto; */
        width: 80%;
        position: relative;
    }
}

@media screen and (max-width:600px) {
    .btn-primary {
        font-size: 14px !important;
        padding: 20px 25px !important;
    }

    .textBox {
        width: 90%;
    }

    h2.heading {
        font-size: 40px;
    }

    .aboutRow .container p {
        font-size: 16px;
    }

    .contactRow .container {
        padding: 0;
    }

    .textBox .rowOne h2 {
        font-size: 80px;
        line-height: 47px;
        margin: 0;
    }

    .textBox .rowTwo {
        padding: 12px 59px 1px 42px;
    }

    .textBox .rowOne span.big {
        top: -16px;
    }

    .banner {
        height: 90vh;
    }

    .textBox .rowOne {
        padding: 0px 37px;
    }

    .textBox .rowTwo p {
        font-size: 16px;
        font-weight: 700;
    }

    .textBox .rowOne span {
        font-size: 22px;
    }

    .textBox .rowOne span.big {
        font-size: 29px;
    }

    .header .navbar {
        padding: .5rem 0;
    }

    .header .btn-primary {
        margin: 5px auto;
        display: block;
        width: 200px;
    }

    .header .navbar-dark .navbar-brand {
        margin: 0 0 0 17px;
    }

    .header .logo {
        width: 220px;
        margin: auto;
        display: block;
    }

    .header .navbar-toggler-icon {
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
    }

    .header .navbar-dark .navbar-toggler {
        background: #fff;
        border-radius: 0;
        padding: 19px;
    }

    .textBox .rowTwo p, .textBox .rowTwo a {
        font-size: 20px;
    }
}