/*.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
    */

.container {
    max-width:1300px !important;
    width:100%  !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 42px;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-weight: 400;
    background-color: #ffffff;
    color: #000000;
}

.container > p, .container > ul {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.nav {
    font-weight: 400;
}

a {
    transition: 0s;
}

img {
    max-width: 100%;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #bdf4fc;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
    border: 1px solid #888888;
}

.form-control {
    height: 40px;
    font-size: 16px;
}

#top-nav, #subnav-bar, #cta_buttons, #dd-menu, #dd-submenu {
    transition: top 0.3s ease 0s;
}

.navbar {
    border: none;
    height: 64px;
    margin-bottom: 0px;
    -webkit-box-shadow: 0 2px 8px 0px #999;
    -moz-box-shadow: 0 2px 8px 0px #999;
    box-shadow: 0 2px 8px 0px #999;
    z-index: 1019;
}

.navbar-header {
    height: 64px;
}
.navbar-nav > li {
    float:left !important;
}
.navbar-collapse, .navbar-default {
    background-color: #000000;
    border-color: #000000;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff; /* #48a9c5; */
}

.navbar-collapse, .navbar-nav {
    height: 64px;
    /*float: left;*/
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-right: 0;
    margin: 0 !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: auto;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
/*
@media (max-width: 1023px) {
    .navbar-header {
        float: none;
    }
    .navbar-nav {
        height: 100%;
        
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
        float: right;
        width: 60px;
        height: 100%;
        margin: 0px;
        border: 0px;
        border-left: 1px solid;
        border-radius: 0px;
        padding: 13px 18px;
        
    }

        .navbar-toggle .icon-bar {
            height: 1px;
            width: 20px;
        }

    .navbar-collapse {
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        float: right;
        text-align: left;
        width: 110px;
        z-index: 1021;        
    }

    .navbar-fixed-top {
        top: 0;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 0 0 0;
    }

        .navbar-nav > li {
            float: none;
        }

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

    .collapse.in {
        display: block !important;
    }
}*/

.navbar-nav > .active > a {
    background: #000000 !important;
    color: #48a9c5 !important;
}

.width200 {
    width: 200px;
}

.width250 {
    width: 250px;
}

.dropdown-header {
    color: #ffffff;
}

.dropdown-menu {
    background-color: #000000;
}

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

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            /*background-color: #222222;*/
            background-color: #ed1c24 !important;
            color: #ffffff !important;
        }

.nav > li > a {
    padding: 10px 30px 10px 30px;
}

.navbar-brand {
    padding: 0px;
    margin: 0px auto;
    width: 180px;
}

.navbar img {
    max-width: none;
    display: inline-block;
}

@media (max-width:350px) {
    .navbar-brand {
        margin-left: 0px;
    }
}
@media (min-width:1024px) {
    .navbar-brand {
        float: left;
        margin-left: 0px;
    }
}

.dropdown-toggle, .nav li, .dropdown-menu li a {
    font-size: 15px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #00000000;
}

.mobile-show {
    display: none;
}

.hide-all {
    display: none;
}



.nav-logo-hide {
    float: left;
    margin-right: 0px;
}

.logo-text {
    /*position:fixed;
    top:12px;
    left:75px;
    float:left;*/
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 6px;
}

@media (min-width: 350px) {
    .logo-text {
        font-size: 16px;
    }
}

@media (min-width: 480px) {
    .logo-text {
        font-size: 18px;
    }
}

/*@media (min-width: 1024px) {*/
    .navbar > .container, .subnav-bar > .container {
        max-width: 100%;
    }

    .navbar-collapse, .navbar-default {
        padding-left: 0px;
        padding-right: 0px;
    }
/*}*/

@media (max-width: 1023px) {
    body {
        padding-top: 60px;
    }
    /*
    .navbar-collapse {
        border:none;
        padding-left:8px;
    }
    .nav-logo-show {
        display: none;
    }
    .nav-logo-hide, .logo-text {
        display: block;
    }
        */
    .carousel-indicators li {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}

@media (min-width: 992px) {
    .navbar > .container, .subnav-bar > .container {
        max-width: 1300px;
    }
}

.show-print {
    display: none;
}

@media print {
    .hidden-print {
        display: none !important;
    }

    .show-print {
        display: block !important;
    }

    .rg-image {
        width: 160px;
        float: left;
        margin-right: 30px;
        margin-bottom: 20px;
    }

    h1 {
        font-size: 1.2em !important;
        margin: 0px !important;
    }

    h2, h3 {
        font-size: 1em !important;
        margin: 5px !important;
    }

    .inventory-line-item {
        font-size: 12px !important;
        line-height: 20px !important;
    }
}

#MainContent_webForm p {
    margin: 20px 0px 0px 0px !important;
}

#MainContent_webForm input, #MainContent_comments {
    width: 99%;
    border-width: 1px;
}

#MainContent_webForm select {
    width: 99%;
    padding: 4px;
}

input[type="checkbox"] {
    margin: 6px 0 0;
}
/*
.webform {
    width:440px;
    margin:0 auto;
}
.webform p {
    margin:0;
    padding:0;
}
.webform input {
    line-height:24px;
    width:200px;
    margin-bottom:20px;
    font-size: 16px;
}
.formblock {
     margin:0 10px;
     padding:0;
     width:200px;
     float:left;
         
}
.formblockwide {
    width:440px;
    margin-left:10px;
}
.formblockwide textarea {
    width:420px !important;
    font-size: 16px;
    font-family:Helvetica, Verdana, Arial, sans-serif
}
.formblock select {
   width: 200px;
   padding-left: 5px;
   font-size: 16px;
   background-color:white;
   line-height: 1;   
   border-radius: 0;
   height: 30px;
   margin-bottom:14px;
   
}
.fileUpload {
    -webkit-appearance:none;
    width:420px !important;
}
*/

/************ RIBBON *************/

.ribbon-container {
    position: relative;
}

.ribbon {
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: 21;
    overflow: hidden;
    width: 110px;
    height: 110px;
    text-align: right;
}

    .ribbon span {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        /*font-weight: bold; */
        line-height: 30px;
        transform: rotate(45deg);
        width: 140px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 25px;
        right: -30px;
    }

        .ribbon span::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .ribbon span::after {
            content: '';
            position: absolute;
            right: 0%;
            top: 100%;
            z-index: -1;
            border-right: 3px solid #79A70A;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

.red span {
    background: linear-gradient(#F70505 0%, #8F0808 100%);
}

    .red span::before {
        border-left-color: #8F0808;
        border-top-color: #8F0808;
    }

    .red span::after {
        border-right-color: #8F0808;
        border-top-color: #8F0808;
    }

.blue span {
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

    .blue span::before {
        border-left-color: #1e5799;
        border-top-color: #1e5799;
    }

    .blue span::after {
        border-right-color: #1e5799;
        border-top-color: #1e5799;
    }
/****** END RIBBON *******/


@media (min-width:769px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* Move down content because we have a fixed navbar */
body {
    padding-top: 60px;    
    font-size: 14px;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}


a {
    color: #cd1c24;
}

    a:hover {
        text-decoration: none;
        color: #ed1c24;
    }

.btn {
    font-size: 16px;
    padding: 0px 12px;
    border-radius: 0px;
    height: 40px;
    line-height: 40px;
}

.btn-primary {
    background-color: #003baf; /* #48a9c5;*/
    border: none;
    transition: .5s;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color: #003baf; /* #286090; */
        transition: .5s;
    }
    

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #a29f9f;
        border-color: #8d8c8c;
    }

.phone-icon {
    margin-right: 10px;
    width: 22px !important;
    height: 22px !important;
}



/*
    .btn-default {
    background-color:#df2525;
    color:#ffffff;
    border:1px solid #df2525;
    border-radius:0px;
    padding-top:9px;
    padding-bottom:9px;
    line-height:30px;
    font-size:15px;
}
.btn-default:hover {
    background-color:#343434;
    color:#ffffff !important;
    
}
    */
.btn-carousel {
    margin-bottom: 20px;
}

.btn-full-width {
    width: 100%;
    margin-top: 10px;
}

.btn-green {
    background-color: #05ad18;
}

    .btn-green:hover {
        background-color: #008000;
    }

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

/* Wrapping element */

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    width: 100%;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* Increase Nav height to accomodate logo */


/*@media (min-width: 1024px) {*/
    .navbar-nav > li > a {
        padding-top: 22px;
    }
/*}*/


/* Footer styles */

footer {
    /*background-color: #222222;*/
    background-color: black;
    border-top: 1px solid #999999;
    color: #999999;
    padding: 20px 0px;
}

    footer a, footer a:visited {
        color: #999999;
        text-decoration: none;
    }

        footer a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.jobs {
    float: none;
    margin: 0 auto;
    background-color: #222222;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
}

.job-location {
    color: #ffffff;
}

.job-title, .job-location {
    line-height: 40px;
}

.job-link {
    line-height: normal !important;
}

@media (max-width: 1200px) {
    .job-link .btn {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .social-links {
        width: 200px;
        margin: 0 auto;
        padding: 0px;
    }

    .jobs {
        max-width: 400px;
        text-align: center;
    }

    .job-link .btn {
        font-size: 16px;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 492px) {
    .jobs {
        max-width: 250px;
    }
}

.line {
    border-bottom: 1px solid #000000;
    padding-top: 5px;
    margin-bottom: 5px;
}

.social {
    width: 38px;
    opacity: .75;
    transition: .5s;
}

    .social:hover, .social-first:hover, .social-last:hover {
        /*margin-top:-3px;*/
        opacity: 1;
        transition: .5s;
    }

.footer .social:first-of-type {
    margin-left: -14px;
}

.inv-filters {
    border: none;
    background-color: none;
}

.filters > div {
    margin-bottom: 20px;
}

.filters .btn-group {
    display: block;
    max-width: 420px;
    margin: 0 auto;
}

    .filters .btn-group .btn, .filters .btn, .job-link .btn {
        float: none;
        margin: 0;
        width: 100%;
        height: 40px;
        max-width: 420px;
        margin: 0 auto;
    }

.filters .dropdown-menu {
    width: 100%;
}
/*
.image-container {
    background: url('/images/loading.gif') center no-repeat;
    background-size: 120px 100px;
    position: relative;
    padding-bottom: 74.99501892807332%;
    height: 0;
    overflow: hidden;
}

    .image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
      */
.truck-list-item {
    margin-bottom: 30px;
    border: 1px solid #999999;
    background-color: #ffffff;
   /* transition: .5s; */
}
/*
    .truck-list-item:hover {
        margin-top: -10px;
        margin-bottom: 40px;
        border: 1px solid #000000;
        box-shadow: 7px 7px 5px #666666;
        transition: .5s;
    }*/

.truck-list-img {
    width: 100%;
    /*max-height:188px;    */
}

.truck-list-details {
    padding: 20px;
    line-height: 1.5em;
    font-size: 15px;
    text-transform: uppercase;
}

.truck-list-title {
    font-size: 1.3em;
    color: #cd1c24;
    margin-top: 10px;
    margin-bottom: 10px;
}

.truck-list-price {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 1.5em;
}

.truck-list-phone {
    line-height: 54px;
}

.inventory-line-item {
    border-top: 1px solid #b4b4b4;
    line-height: 30px;
    text-transform: uppercase;
}

.third-width {
    width: 33%;
}

.forty-width {
    width: 40%;
}

.left-border {
    border-left: 1px solid #cd1c24;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
        width: 100%;
    }
}
/*
@media (max-width: 1200px) {
    .inv-column {
        width: 50%;
    }
}
    */

@media (max-width: 1023px) {
    h1 {
        font-size: 2em;
    }
    /*
    .inv-column {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }
        */
    .truck-list-img {
        max-height: none;
    }

    .truck-list-item {
        /*max-width: 500px;*/
        margin-left: auto;
        margin-right: auto;
    }

    .left-border {
        border: none;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .home-banner:first-of-type {
        border-right: none !important;
    }

    .home-banner:last-of-type {
        border-left: none !important;
    }
}

.bg-dark {
    background: url('/images/bg-dark.png') repeat;
}

.bg-light {
    background: url('/images/bg-light.png') repeat;
}

.bg-white {
    /* position:relative;
    z-index:2;
    box-shadow: 0 0 20px rgba(0,0,0,1);
    border:1px solid #000000; */
    background-color: #ffffff;
}

.bg-black {
    background-color: #000000;
    color: #ffffff;
}

.bg-darkgray {
    background-color: #595959;
    color: #ffffff;
}

.bg-dark {
    background-color: #bbbbbb;
    box-shadow: 0 0 20px rgba(0,0,0,1);
    padding-top: 10px;
}

.bg-gray-gradient {
    background-image: linear-gradient(#393939, #8b8b8b);
}

.bg-medium-gray {
    background-color: #858B85;
}

.bg-middark-gray {
    background-color: #434343;
}

.bg-dark-gray {
    background-color: #222222;
}

.bg-yellow {
    background-color: #ffd004;
}

.bg-dark-concrete {
    background: url('/images/bg-dark-concrete-texture.jpg');
    background-size: cover;
}

.bg-dark-texture {
    background: url('/images/bg-dark.png') repeat;
}

.bg-light-texture {
    background: url('/images/bg-light.png') repeat;
}

.bg-map {
    background: #000000 url('/images/western-star-northwest-map.jpg') center no-repeat;
    height: 600px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.bg-m2-106 {
    background: url('/images/m2-106-bg.jpg') 50% 70% no-repeat;
    background-size: cover;
    color: #ffffff;
}

.bg-lineup-faded {
    background: url('/images/freightliner-lineup-faded.jpg') center no-repeat;
    background-size: cover;
}

.bg-lineup-ws {
    background: url('/images/location-western-star.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws2 {
    background: url('/images/location-western-star-2.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-lineup-ws3 {
    background: url('/images/location-western-star-3.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws4 {
    background: url('/images/location-western-star-4.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws5 {
    background: url('/images/location-western-star-5.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws6 {
    background: url('/images/location-western-star-6.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws7 {
    background: url('/images/location-western-star-7.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-lineup-ws8 {
    background: url('/images/location-western-star-8.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-lineup-ws9 {
    background: url('/images/location-western-star-9.jpg') center bottom no-repeat;
    color: #ffffff;
}

.bg-lineup-ws10 {
    background: url('/images/location-western-star-10.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-lineup-ws11 {
    background: url('/images/location-western-star-11.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-lineup-ws12 {
    background: url('/images/location-western-star-12.jpg') center bottom no-repeat;
    color: #000000;
}

.bg-home-trucks {
    background: url('/images/freightliner-trucks-lineup.jpg') center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
}

@media (min-width: 1350px) {
    .bg-home-trucks {
        min-height: 500px;
    }
}

@media (min-width: 1921px) {
    .bg-home-trucks {
        min-height: 700px;
    }
}

.bg-lineup-location {
    position: relative;
    background-size: cover;
    height: 700px;
}

    .bg-lineup-location h1 {
        margin-bottom: 10px;
    }

    .bg-lineup-location h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

@media (min-width: 1560px) {
    .bg-lineup-location {
        height: 800px;
    }
}

@media (min-width: 1920px) {
    .bg-lineup-location {
        height: 900px;
    }
}

.bg-pacific {
    background: url('/images/pacific-truck-dealership.jpg') center no-repeat;
}

.bg-mt-vernon {
    background: url('/images/mt-vernon-truck-dealership.jpg') center no-repeat;
}

.bg-olympia {
    background: url('/images/olympia-truck-dealership.jpg') center no-repeat;
}

.bg-spokane {
    background: url('/images/spokane-truck-dealership.jpg') center no-repeat;
}

.bg-yakima {
    background: url('/images/yakima-truck-dealership.jpg') center no-repeat;
}

.bg-la-grande {
    background: url('/images/la-grande-truck-dealership.jpg') center no-repeat;
}

.bg-hermiston {
    background: url('/images/hermiston-truck-dealership.jpg') center no-repeat;
}

.bg-ridgefield {
    background: url('/images/ridgefield-truck-dealership.jpg') center no-repeat;
}

.bg-coburg {
    background: url('/images/coburg-truck-dealership.jpg') center no-repeat;
}

.bg-redmond {
    background: url('/images/redmond-truck-dealership.jpg') center no-repeat;
}

.bg-medford {
    background: url('/images/medford-truck-dealership.jpg') center no-repeat;
}

.bg-careers {
    background: url('/images/truck-dealership-career.jpg') center no-repeat;
}

.bg-about {
    background: url('/images/western-star-about-us.jpg') center no-repeat;
}

.bg-truck-finder {
    background: url('/images/freightliner-truck-finder.jpg') center no-repeat;
}

.bg-parts {
    background: url('/images/freightliner-lineup-red.jpg') center no-repeat;
}

.bg-service {
    background: url('/images/freightliner-service-tech.jpg') center no-repeat;
}

.bg-fuso {
    background: url('/images/fuso-canter-interior.jpg') center no-repeat;
}

.bg-medium-duty {
    background: url('/images/freightliner-m2-interior-dash.jpg') center no-repeat;
}

.bg-severe-duty {
    background: url('/images/122sd-interior.jpg') center no-repeat;
}

.bg-finance {
    background: url('/images/freightliner-financing.jpg') left no-repeat;
}

.bg-cover {
    background-size: cover;
    height: 400px;
    width: 100%;
}

.map-link {
    font-size: 16px;
    line-height: 20px;
    padding: 1px 5px;
    color: #000000;
    position: absolute;
    font-weight: 700;
}

    .map-link:hover, .map-link:active {
        color: #cd1c24;
    }

.map-locations {
    position: relative;
}
.pacific-link {
    top: 19.8%;
    left: 43.3%;
}
.mt-vernon-link {
    top: 5.6%;
    left: 43.1%;
}

.olympia-link {
    top: 25.2%;
    left: 41.2%;
}

.yakima-link {
    top: 26.6%;
    left: 48%;
}

.spokane-link {
    top: 15.4%;
    left: 57%;
}

.hermiston-link {
    top: 36.4%;
    left: 51.4%;
}

.la-grande-link {
    top: 42.3%;
    left: 55%;
}

.albany-link {
    top: 45.3%;
    left: 41.1%;
}

.coburg-link {
    top: 54.9%;
    left: 41%;
}

.redmond-link {
    top: 51.9%;
    left: 46%;
}

.ridgefield-link {
    top: 35.3%;
    left: 42.1%;
}

.medford-link {
    top: 71.9%;
    left: 41.2%;
}

.nampa-link {
    top: 60%;
    left: 59.9%;
}

.lynnwood-link {
    top: 13.8%;
    left: 43.1%;
}
.eureka-link {
    top: 87.7%;
    left: 38%;
}
.redding-link {
    top: 89.9%;
    left: 42.8%;
}

.mobile-map-locations {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
}
.pacific-link-mobile {
    top: 20%;
    left: 20.1%;
}

.mt-vernon-link-mobile {
    top: 5.8%;
    left: 19.5%;
}

.olympia-link-mobile {
    top: 25.4%;
    left: 15%;
}

.yakima-link-mobile {
    top: 26.6%;
    left: 32.3%;
}

.spokane-link-mobile {
    top: 15.6%;
    left: 55.1%;
}

.hermiston-link-mobile {
    top: 36.3%;
    left: 40.8%;
}

.la-grande-link-mobile {
    top: 42.2%;
    left: 49.8%;
}

.albany-link-mobile {
    top: 45.2%;
    left: 14.5%;
}

.coburg-link-mobile {
    top: 54.8%;
    left: 14.2%;
}

.redmond-link-mobile {
    top: 51.6%;
    left: 27.2%;
}

.ridgefield-link-mobile {
    top: 35.2%;
    left: 17.2%;
}

.medford-link-mobile {
    top: 71.6%;
    left: 15%;
}

.nampa-link-mobile {
    top: 59.7%;
    left: 62.5%;
}

.lynnwood-link-mobile {
    top: 14%;
    left: 19.5%;
}

.eureka-link-mobile {
    top: 87.2%;
    left: 6.8%;
}

.redding-link-mobile {
    top: 89.4%;
    left: 19.2%;
}



@media (max-width:1400px) {
    .map-link {
        margin-top: -5px;
    }
}

@media (max-width:1200px) {
    .map-link {
        font-size: 14px;
    }
}

@media (max-width:500px) {
    .mobile-map-locations .map-link {
        margin-left: -3px;
        margin-top: -7px;
    }
}

.webform div div {
    margin-bottom: 20px;
}

.webform input, .webform select {
    width: 100%;
    height: 32px;
}

.comments {
    width: 100%;
}

.truckpics img, .truckpics h3, .truckpics p, .truckpics-flat img, .truckpics-flat h3, .truckpics-flat p {
    display: block;
    width: 96%;
    max-width: 500px;
    margin: 5px auto;
}

.truckpics img {
    transition: .3s;
    margin-bottom: 15px;
}

/*.truckpics img:hover {
    margin-top: -3px;
    margin-bottom: 23px;
    box-shadow: 4px 4px 5px #666666;
    transition: .3s;
}*/

.copyright {
    font-size: 10px;
    vertical-align: top;
}

@media (max-width: 768px) {
    .bg-resize {
        height: 200px;
    }

    .bg-map {
        display: none;
    }
}


.home-row {
    margin-left: -25px;
    margin-right: -25px;
}

.home-banner {
    padding-right: 0px;
    padding-left: 0px;
    /* border-bottom: 1px solid #000000;*/
}

.home-img {
    width: 100%;
}

.home-banner:first-of-type {
    /*     border-right: 1px solid #fff;*/
}

.home-banner:last-of-type {
    /*  border-left: 1px solid #fff;*/
}

#homebg2 {
    background: url(/images/cascadia-and-dump.jpg) 50% 170px fixed no-repeat;
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    padding: 150px 0;
}

#homebg {
    background: url(/images/freightliner-grill.jpg) 50% 180px fixed no-repeat;
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    padding: 200px 0;
    color: #fff;
}

#partsbg {
    background: url(/images/freightliner-lineup-red.jpg) 50% 0 fixed;
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    padding: 150px 0;
}

.logo-table {
    padding: 40px;
}

    .logo-table img {
        max-width: 90%;
        margin-bottom: 20px;
    }

.phone-widget h3, .phone-widget .btn {
    margin-bottom: 10px;
}



.hours-cell {
    border-right: solid 1px #595959;
}

.centered {
    margin: 0px auto;
}

.gray-line {
    margin: 40px auto;
    width: 90%;
    height: 1px;
    border-top: 1px solid #919191;
}

.submit-button {
    -webkit-appearance: none;
    width: 200px;
    height: 40px;
    font-size: 100%;
    line-height: 16px;
    color: #ffffff !important;
    padding: 12px 40px;
    margin: 0px;
    background: #df2525;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    font-weight: 400;
}

.email-button-black {
    text-align: center;
    -webkit-appearance: none;
    display: block;
    width: 230px;
    height: 40px;
    font-size: 100%;
    line-height: 36px;
    margin: 0px auto;
    background-color: transparent;
    color: #000 !important;
    border: 2px solid #000;
    font-weight: 400;
}

.email-button {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

.envelope {
    float: left;
    margin: 8px 10px 8px 0px;
    width: 28px;
    height: 20px;
    background-image: url(/images/email-icon.png);
    background-position: 0 0;
    transition: .5s;
}

ul.no-bullet {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

li.check {
    background: url('/images/layout/bullet-check.png') no-repeat left top;
    line-height: 26px;
    padding-left: 40px;
    margin-top: 15px;
}

.amenities {
    background-color: #222222;
    color: #999999;
    padding-bottom: 20px;
}

    .amenities h2 {
        padding-top: 20px;
    }

    .amenities li {
        line-height: 40px;
    }

.contacts h3 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.contacts h4 {
    margin-bottom: 20px;
}

.contacts .submit-button-black {
    margin-bottom: 20px;
}
/*
.amenities-table img {
    display:block;   
    border-radius:4px;
}
.amenities-table tr {
    border-bottom:20px solid #e8e8e8;
}
.amenities-text {
    padding-left:20px;
    padding-top:0px;
}*/
@media (min-width: 769px) {
    .carousel-caption {
        right: 10%;
        left: 10%;
    }

    .email-button-black:hover {
        background: #000 !important;
        color: #fff !important;
        transition: .5s;
    }

        .email-button-black:hover .envelope {
            color: #fff !important;
            background-position: 0 100%;
        }

    a.submit-button:hover, a.email-button:hover {
        text-decoration: none;
    }
}

.submit-button-white {
    display: block;
    line-height: 36px;
    width: 200px;
    height: 40px;
    -webkit-appearance: none;
    font-size: 100%;
    color: #ffffff !important;
    margin: 0px auto;
    border: 2px solid #fff;
    font-weight: 400;
    transition: .5s;
}

.submit-button-black {
    display: block;
    line-height: 36px;
    width: 200px;
    max-width: 200px;
    height: 40px;
    -webkit-appearance: none;
    font-size: 100%;
    background-color: transparent;
    color: #000 !important;
    margin: 0px auto;
    border: 2px solid #000;
    font-weight: 400;
    transition: .5s;
}

.submit-button-gray {
    display: block;
    line-height: 36px;
    width: 200px;
    height: 40px;
    -webkit-appearance: none;
    font-size: 100%;
    background-color: transparent;
    color: #999999 !important;
    margin: 0px auto;
    border: 2px solid #999999;
    font-weight: 400;
    transition: .5s;
}

.submit-button-blue {
    display: block;
    text-align: center;
    /*background-color: #48a9c5;*/
    background-color: #003baf;
    line-height: 40px;
    width: 200px;
    height: 40px;
    -webkit-appearance: none;
    font-size: 130%;
    color: #ffffff !important;
    margin: 0px auto;
    /* border: 2px solid #fff; */
    font-weight: 400;
    transition: .5s;
}

.submit-button-blue-transparent {
    display: block;
    line-height: 36px;
    width: 200px;
    height: 40px;
    -webkit-appearance: none;
    font-size: 100%;
    color: #ed1c24 !important;
    margin: 0px auto;
    border: 2px solid #23527c;
    font-weight: 400;
    transition: .5s;
}

@media (min-width: 769px) {
    .submit-button-white:hover {
        background-color: #fff;
        color: #000 !important;
    }

    .submit-button-gray:hover {
        background-color: #999999;
        color: #000 !important;
    }

    .submit-button-black:hover {
        background-color: #000;
        color: #fff !important;
    }
    /*
    .submit-button-blue:hover {
        background-color: #23527c;
    }
        */
    .submit-button-blue-transparent:hover {
        background-color: #23527c;
        color: #fff !important;
    }
}

.email-button-wrap {
    height: 40px;
    padding: 0px;
    width: 200px;
    margin: 0px auto;
}

.email-button img, .email-button p {
    float: left;
    line-height: 36px;
}

.email-button img {
    padding: 8px 10px;
}




.contact-us-list h2, .contact-us-list h3 {
    padding: 0px;
    margin: 0px auto;
    line-height: 28px;
}

.contact-us-list h3 {
    margin: 4px auto;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000000;
}

.carousel-caption-black {
    color: #000000;
}

.carousel-indicators {
    bottom: 0px;
}

    .carousel-indicators li {
        border-radius: 0px;
        margin-left: 15px;
        margin-right: 15px;
        outline: 1px solid black;
    }

    .carousel-indicators .active {
        background-color: #ed1c24;
        margin-left: 14px;
        margin-right: 14px;
    }

.carousel-control.left, .carousel-control.right {
    width: 10%;
    background-image: none;
}

.carousel-caption h1 {
    margin-bottom: 0px;
}

.carousel-caption a {
    text-shadow: none;
}

.carousel-caption-mobile {
    padding: 0px;
    position: relative;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
}

.btn-slide {
    width: 100%;
    margin: 0px !important;
    background-color: #000000;
}

    .btn-slide:hover {
        background-color: #000000;
    }

.carousel-caption-top-left {
    top: 0px;
    left: 10%;
    right: auto;
}

.carousel-caption-top-right {
    top: 0px;
    right: 10%;
    left: auto;
}

.carousel-caption-bottom-left {
    bottom: 5%;
    left: 28%;
    right: auto;
}

.carousel-inner .item img {
    width: 100%;
}

.carousel-control {
    z-index: 1;
    opacity: 1;
}

@media (max-width:992px) {
    .carousel-control {
        display: none;
    }
}

.carousel-control:hover {
    opacity: 1;
}

.slide-arrow-div-prev, .slide-arrow-div-next {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    border: 2px solid white;
}

.slide-arrow-div-next {
    left: auto;
    right: 20px;
}

    .slide-arrow-div-prev:hover, .slide-arrow-div-next:hover {
        opacity: 0.4;
    }

.slide-arrow-container {
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.3);
}

.slide-nav-icon {
    fill: white;
    height: 24px;
    margin-top: 8px;
}

@media (max-width: 992px) {
    .carousel-indicators {
        bottom: 35px;
        right: 0px;
        width: 220px;
        left: auto;
    }

    /*    .carousel-caption {
        position: relative;        
        padding-bottom:40px;
        top:auto !important;
        right:auto !important;
        left:auto !important;
        bottom:auto !important;
    }
    .carousel-caption h1 {
        margin-top:10px;
        margin-bottom:0px;
        font-size:32px;
        color:#000000;
    }
    .carousel-indicators li {
        border:1px solid #555555 !important;
    }*/
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
}


    .responsive-video iframe,
    .responsive-video object,
    .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.logos img {
    max-width: 70%;
    max-height: 80px;
    margin-bottom: 20px;
}

.logos p {
    margin-bottom: 40px;
}

.logo-row-small img {
    max-height: 120px;
    max-width: 120px;
}

@media (min-width:992px) {
    .logo-row {
        height: 200px;
    }

    .logo-row-small {
        height: 80px;
    }

        .logo-row div, .logo-row-small div {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }
}

@media (max-width:520px) {
    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th {
        padding: 2px;
        font-size: 10px;
    }
}

.pager-button {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 10px;
    border: 1px solid #999999;
    transition: .35s;
    color: #999999;
}

a.pager-button {
    color: #cd1c24;
    border: 1px solid #cd1c24;
}

.parts-table tbody tr td {
    vertical-align: middle;
}
/******* MODAL BOX *******/
.simplemodal-container {
    max-width: 450px;
    width: 90%;
    height: 50%;
    display: none;
    position: absolute;
    z-index: 99;
    background: none;
    background-clip: padding-box;
    padding: 0px 0px 0px 0px;
}

@media (max-width: 768px) and (orientation: landscape) {
    .simplemodal-container {
        top: 75px !important;
        width: 35%;
    }
}

.simplemodal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) !important;
}

.modal-close {
    position: absolute;
    z-index: 1003;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
/*******END MODAL BOX *******/
.iframe-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 95%;
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
/*.parts-iframe {    
    height: 400px;
    width: 100%;
    margin:0px;
    padding:0px;
    border:none;
    overflow:hidden;   
}*/
#MainContent_FileUpload1 {
    max-width: 100%;
}

#MainContent_FileUpload2 {
    max-width: 100%;
}

#MainContent_FileUpload3 {
    max-width: 100%;
}

#MainContent_FileUpload4 {
    max-width: 100%;
}

label {
    font-weight: normal;
}

#MainContent_SearchText {
    border-radius: 0px;
}

.red-banner {
    background-color: red;
    color: white;
    padding: 10px 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 18px;
}

    .red-banner > a {
        color: white;
        max-width: 50%;
    }

        .red-banner > a:hover {
            color: white;
            text-decoration: underline;
        }
/*
body {
    padding-top: 108px;
}

@media (max-width: 1060px) {
    body {
        padding-top: 126px;
    }
}

@media (max-width: 583px) {
    body {
        padding-top: 144px;
    }
}

@media (max-width: 410px) {
    body {
        padding-top: 162px;
    }
}
    
#covidDismiss {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}
    */
.exceleratorbuttondiv {
    width: 160px;
    margin-top: -55px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .exceleratorbuttondiv {
        margin-top: 15px;
    }

    .partscheckbox {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }

    .brandlogos {
        display: none;
    }
}

.contact-bar {
    background-color: black;
    color: white;
    padding-top: 10px;
}

    .contact-bar h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .contact-bar .textbox {
        width: 95%;
        height: 40px;
        margin-left: 2.5%;
    }

    .contact-bar input {
        color: #000000;
    }

    .contact-bar p {
        margin-left: 2.5%;
        margin-bottom: 0px;
    }

    .contact-bar .submit-button-white {
        display: block;
        line-height: 36px;
        width: 95%;
        height: 40px;
        -webkit-appearance: none;
        font-size: 100%;
        color: #ffffff !important;
        margin: 0px 2.5%;
        border: 2px solid #fff;
        font-weight: 400;
        margin-top: 26px;
        background-color: black;
    }

    .contact-bar .checkbox {
        padding-left: 12px;
        margin-left: 2.5%;
    }

        .contact-bar .checkbox label {
            padding-left: 0px;
        }

@media (min-width: 992px) {
    .contact-bar .submit-button-white:hover {
        color: red !important;
        background-color: #ffffff;
        border-color: red;
        transition: .5s;
    }
}

@media (max-width: 991px) {
    .contact-bar .submit-button-white {
        max-width: 200px;
        margin: 80px auto 0px auto;
        transition: 0s;
    }

    .contact-bar .cell {
        margin: 0 auto;
        width: 300px;
    }

        .contact-bar .cell p {
            margin-left: 0px;
        }

    .contact-bar .textbox {
        display: inline-block;
        width: 300px;
        height: 40px;
        margin: 0 auto 10px auto;
        text-align: center;
    }

    .contact-bar .checkbox {
        margin-top: -110px;
        margin-bottom: 60px;
    }
}

#div_recent {
    border-top: 1px solid;
}

.recently-viewed-section {
    text-align: center;
    padding: 0 0 10px 0;
}

.recently-viewed {
    width: 14.66%;
    position: relative;
    display: inline-block;
    margin: 10px 1% 20px 1%;
}

.white-red-link {
    color: white;
}

    .white-red-link:hover {
        color: #cd1c24;
    }

.specifications {
    text-align: left !important;
}

ul.bullets-specs {
    position: relative;
    padding-left: 20px;
}

    ul.bullets-specs > li {
        list-style: none;
        padding: 0px 0px 5px 15px !important;
        position: relative;
        margin-left: -18px !important;
    }

        ul.bullets-specs > li i {
            display: inline-block;
            height: 10px;
            width: 11px;
            background-image: url(/images/layout/bullet-arrow.png);
            background-size: contain;
            position: absolute;
            top: 7px;
            left: 0px;
        }

.mobile-spec {
    width: 30%;
    display: inline block;
    margin-left: 2.5%;
    float: left;
}

@media (max-width: 459px) {
    .mobile-spec {
        width: 40%;
        margin-left: 7%;
    }

    .mobile-spec-last {
        margin-left: 30%;
    }
}

.navbar-fixed-bottom {
    border-top: 1px solid #e8e8e8;
}

.footer-buttons .btn {
    width: 200px;
    height: 40px;
    border-radius: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .footer-buttons .btn:last-child:not(:first-child) {
        margin-left: 40px;
    }

    .footer-buttons .btn:first-child {
        margin-right: 40px;
    }

@media (max-width: 767px) {
    .footer-nav-buttons {
        height: 40px;
    }

    .footer-buttons .btn {
        width: 150px;
        height: 30px;
        font-size: 16px;
        padding: 8px 12px;
        line-height: 16px;
    }
}

.footer-nav-buttons-mobile .btn {
    width: 50%;
    float: left;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

@media (min-width: 460px) {
    .footer-nav-buttons-mobile {
        display: none;
    }
}

@media (max-width: 460px) {
    .footer-nav-buttons {
        display: none;
    }

    .footer-nav-buttons-mobile {
        display: block;
    }
}


.cta-container {
    height: 64px;
    padding-top: 20px;
    width: 100%;
    display: block;
    background-color: white;
}

#cta_buttons {
    background-color: white;
    height: 44px;
    width: 100%;
    display: block;
}

.cta-buttons {
    width: 455px;
    margin: 0 auto;
}

    .cta-buttons .btn {
        width: 200px;
        height: 36px;
        border-radius: 18px;
        background-color: white;
        margin: 3px auto;
        border: 3px solid black;
        padding: 0px;
        line-height: 30px;
        color: black;
    }

        .cta-buttons .btn:hover {
            color: white;
            background-color: black;
        }

        .cta-buttons .btn:first-child {
            margin-right: 50px;
        }

.sticky {
    position: fixed;
    top: 40px;
    z-index: 1010;
    width: 100%;
    height: 46px;
    padding-top: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
}

.sticky-drop {
    top: 90px;
}

.sticky-drop-mobile {
    top: 90px;
}

.sticky .btn {
    /* box-shadow: 0 0 5px rgba(0,0,0,.8);*/
}

@media (max-width: 768px) {
    .cta-buttons .btn, .cta-buttons .btn:focus {
        color: black;
        background-color: white;
        border: 3px solid black;
        transition: 0s;
    }
}

@media (max-width: 480px) {
    .cta-buttons .btn {
        width: 160px;
    }

    .cta-buttons {
        width: 335px;
    }

        .cta-buttons .btn:first-child {
            margin-right: 10px;
        }
}

.navbar-fixed-subnav {
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 1018;
    background-color: #e7e7e7;
    background-color: white;
    background-color: #edeef0;
    /*  box-shadow: 0 0 10px rgba(0,0,0,.8);*/
    overflow: auto;
    white-space: nowrap;
}

.subnav-buttons {
    width: 100%;
    text-align: center;
    /*max-width:1300px;*/
    margin: 0 auto;
    /*padding-left:20px;    */
}

    .subnav-buttons div {
    }

    .subnav-buttons .btn {
        background-color: #e8e8e8;
        background-color: white;
        color: #000000;
        padding: 0px 15px;
        line-height: 38px;
        font-size: 15px;
        border: 1px solid #c8c8c8;
        /*border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;*/
        margin-left: -6px;
        transition: 0s;
    }

        .subnav-buttons .btn:hover, .subnav-buttons .btn:hover .caret {
            color: #48a9c5;
        }

.ws-red {
    color: #ed1c24;
}

@media (max-width: 767px) {

    .subnav-buttons .btn:hover, .subnav-buttons .btn:hover .caret {
        color: #000000;
    }
}

.subnav-active {
    transition: 0s !important;
    border-bottom: 4px solid #48a9c5 !important;
    padding-bottom: 6px !important;
}
/*.subnav-active:hover {
    color: #000000 !important;
}*/
.paddingfix {
    padding-top: 0px;
}

.remove-top-nav {
    top: -71px !important;
}

.remove-top-nav-mobile {
    top: -51px !important;
}

.raise-sub-nav {
    top: 0px !important;
}

.text-center-paragraph-left {
    text-align: center;
}

    .text-center-paragraph-left p {
        text-align: left;
    }

.btn-40 {
    float: left;
    margin: 10px;
    margin-left:60px;
}

.card {
    position: relative;
    background-color: #f5f2f2;
    max-width: 325px;
    margin: 0 auto 20px auto;
    color: #000000;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid #9d9d9f;
}

    .card h4 {
        text-align: left;
        color: #000000;
    }

        .card h4 a, .card h4 a:hover, .card h4 a:visited {
            color: black;
        }

    .card .submit-button-blue {
        margin-top: 10px;
        margin-bottom: 20px;
        width: 250px;
    }

    .card a, .card a:hover, .card a:visited {
        color: #ffffff;
    }

@media (min-width: 992px) {
    .card {
        width: calc(25% - 15px);
        margin-right: 20px;
    }

        .card:last-child {
            margin-right: 0px;
        }
}

.home-banner {
    position: relative;
}

    .home-banner .mobile-hide div {
        width: 30%;
        position: absolute;
        left: 69%;
        top: 10%;
    }

    .home-banner div img {
        width: 100%;
    }

    .home-banner div h1 {
        margin: 0 0 14px 0;
        font-size: 3em;
        line-height: 90%
    }


    .home-banner .mobile-show .container * {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .home-banner .mobile-show .container img {
        margin-top: 0px;
    }

    .home-banner h4 {
        margin: 14px 0 20px 0 !important;
    }


    .home-banner .mobile-hide div {
        top: 15%;
    }

@media (min-width:1600px) {
    .home-banner .mobile-hide div {
        width: 25%;
        left: 70%;
    }
    .home-banner h4 {
        margin-bottom: 40px;
    }
}
@media (max-width:1350px) {
    .home-banner div h1 {
        font-size: 2em;
    }

}
@media (max-width:1200px) {
    .home-banner .mobile-hide div {
        top: 15%;
    }
}

.banner-section {
    position: relative;
}

    .banner-section h3 {
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .banner-section img {
        max-width: 90%;
    }

.banner-links {
    width: 600px;
    margin: 10px auto;
}

@media (max-width:700px) {
    .home-banner div h1, .banner-section h1 {
        font-size: 2em;
    }
}

.btn-halfwidth-black {
    display: block;
    line-height: 36px;
    width: 50% !important;
    float: left;
    height: 40px;
    -webkit-appearance: none;
    font-size: 100%;
    background-color: black;
    color: #ffffff;
    margin: 0px auto;
    border: 2px solid #000;
    font-weight: 400;
    transition: .5s;
}

.home-banner .btn-halfwidth-black:first-of-type {
    border-right: 1px solid #cccccc;
}

.btn-halfwidth-black:hover {
    color: #000000;
}

@media (max-width: 350px) {
    .btn-halfwidth-black {
        font-size: 12px;
    }
}

.invisible {
    visibility: hidden;
}

.bg-triple-sections {
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
}

.bg-parts-specialist {
    background: url('/images/parts-sales.jpg') center no-repeat;
}

.bg-parts-store {
    background: url('/images/parts-store-locations.jpg') center no-repeat;
}

.bg-parts-online {
    background: url('/images/parts-order-online.jpg') center no-repeat;
}

@media (max-width: 992px) {
    .bg-triple-sections p {
        max-width: 400px;
        margin: 0 auto;
    }
}


.centered-links-2 {
    width: 480px;
    margin: 0px auto;
}

    .centered-links-2 a {
        float: left;
        width: 230px;
    }

        .centered-links-2 a:first-of-type {
            margin-right: 20px;
        }

@media (max-width:700px) {
    .submit-button-blue {
        /* font-size: 12px;*/
        width: 170px;
    }

    .centered-links-2 {
        width: 360px;
    }

        .centered-links-2 a {
            width: 170px;
        }

    .home-banner div h1, .banner-section h1 {
        font-size: 2em;
    }

    .btn, .btn-primary {
        font-size: 12px !important;
    }
}

.bottom-links {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.location-cards, .model-cards, .parts-cards, .half-page-cards {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .location-cards .card {
        width: 300px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 10px;
    }

    .model-cards .card, .parts-cards .card {
        width: 400px;
        padding: 15px;
        margin: 10px;
        color: black;
    }

    .model-cards img, .parts-cards img {
        width: 370px;
        max-width: 100%;
    }

    .model-cards h2, .half-page-cards h2 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: 26px;
        text-align: center;
    }
    .half-page-cards h1, .half-page-cards h3 {
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: center;
    }

    .model-cards .submit-button-blue {
        width: 200px;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .parts-cards h3 {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .parts-cards .submit-button-blue {
        width: 200px;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .half-page-cards .card {
        width: 460px;
        padding: 15px;
        margin: 10px;
        max-width: initial;
    }

    .half-page-cards img {
        width: 460px;
        max-width: 100%;
    }

    .half-page-cards .card .submit-button-blue {
        margin-top: 15px;
        margin-bottom: 0px;
    }

.logo-bar {
    margin: 0 auto;
    padding: 5px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .logo-bar img {
        width: 200px;
        margin: 5px;
        border: 1px solid gray;
        box-sizing: content-box;
    }

.service-checkbox {
}

    .service-checkbox p {
        float: left;
    }

.service-check {
    float: right;
    height: 30px;
    width: 30px !important;
    margin: 18px 0px 0px 0px !important;
}

.service-checkboxes {
    max-width: 1030px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    accent-color: #48a9c5;
}

    .service-checkboxes > div {
        width: 400px;
    }

@media (max-width:992px) {
    .service-checkboxes {
        justify-content: center;
    }
}
.reg {
    font-size:20px;
}
.recent-posts {
    line-height:20px;
}
/*********** NEW INVENTORY CSS ***************/
/*
.btn-primary {
    border-radius: 10px;
}

.subnav-buttons-full .btn-primary {
    border-radius: 0px;
}

.form-control {
    font-size: 14px;
}

@media (min-width: 801px) {
    #btn_filters {
        display: none;
    }
}

@media (max-width: 800px) {
    #btn_filters {
        display: block;
        margin-bottom:10px;
    }
}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.truck-list-item {
    border-radius: 10px;
    border:none;
    margin-bottom:10px;
}

.image-container {
    border-radius: 10px 10px 0px 0px;
}
.truck-list-img {
    border-radius: 10px 10px 0px 0px;
}

.inventory-line-item {
    font-size: 14px;
}

.truck-list-details {
    padding: 0px;
    background-color: #f5f2f2;
    border-radius: 10px;
}
.truck-list-specs {
    padding: 0px 10px 10px 10px;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.24);
}
.filters > div {
    margin-bottom:0px;
}
.filters > div > .form-control {
    position:relative;
    z-index:10;
    height:32px;
    border: 1px solid #a4a4a4;
    padding-left:8px;    
}
.filters > div > .form-control::placeholder {
     color: #000000;
}
.filters > div > .btn {
    margin-top: 10px;
}
.filters > div > .last-btn {
    margin-bottom: 10px;
}
.truck-list-title {
    margin: 0px;
    background-color: #000000;
    padding: 0 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.24);
}
.truck-list-title a {
    color: #48a9c5;
    font-size: 16px;
    line-height:30px;
}
.inventory-line-item {
    line-height: 30px;
    border-top: none;
    border-bottom: 1px solid #b4b4b4;
    text-transform: uppercase;
}    
.truck-list-price {
    margin-top:10px;
}
.inventory-filters {
    width:180px;
    float:left;
}
.inventory-panel {
    width:calc(100%-180px);
    float:left;
}
.inv-column {
    float: left;
    width: 25%;
}
@media (max-width: 800px) {
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    .inventory-filters {
        float: none;
        margin: 0 auto;
    }
    .inventory-panel, .inventory-filters {
        float: none;
        width: 100%;
    } 
    .filters {
        display: none;
        margin-top: 0px;
    }
    .inv-column {
        float:left;
        width:50%;
    }
}
@media (max-width: 1279px) {
    .inv-column {
        width: 33%;        
    }
}
@media (max-width: 1024px) {
    .inv-column {
        width: 50%;
    }
}
@media (max-width: 480px) {       
    .inv-column {
        width: 100%;
        padding:0px;
    }
}
.pager {
    margin-top: 0px;
}
@media (max-width: 700px) {
    .btn, .btn-primary {
        font-size: 14px !important;
    }
}
.truck-list-item .ug-theme-panel {
    display:none;
}
.truck-list-title{
    padding-bottom:4px;
}
.truck-list-title div a {   
    line-height:16px;
}
.inventory-gallery {
    aspect-ratio: 4/3;
}
.swiper-slide p {
    line-height:38px;
    border: 1px solid black;
    position:relative;
    top: calc(50% - 20px);
    left: calc(50% - 87px);
   
}
.swiper-slide p:hover {
    border: 1px solid black;
}
.swiper {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
}
.swiper-button-next, .swiper-button-prev {
    background-color: #ffffff;
    opacity: 0.3;
    color: #000000 !important;
    height: 30px !important;
    top: calc(100% - 8px) !important;
    width: 20px !important;
}
.swiper-button-prev {
    left: 0 !important;
}
.swiper-button-next {
    right: 0 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 26px !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 4px !important;
}
.swiper-pagination-bullet {
    border-radius: 50%;
    background-color: #111;
    border: 2px solid #ccc;
    height: 12px !important;
    width: 12px !important;
    opacity: 0.3 !important;
}
.swiper-pagination-bullet-active {
    background: #48a9c5 !important;
    opacity: 1 !important;
}
.ribbon span::before, .ribbon span::after {
    border: none;
}
.ribbon {
    top: 0;
    right:0;
}*/


@media (max-width:975px) {
    .card-move-up {
        margin-top: -50px !important;
    }
    .half-page-cards .card {
       /* width: 350px;*/
    }
    .btn-40 {
        margin-left:20px;
    }
}
@media (max-width:500px) {
    .half-page-cards .card {
         width: 350px;
    }
}