/*-------------------------------*/
/*    BASIC */
/*-------------------------------*/
body {
    font-size: 16px;
    color: #003366;
    line-height: 1.5em;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
    overflow-x: hidden;
}

.imgFull img {
    width: 100%;
}

/*-------------------------------*/
/*    INVENTORY */
/*-------------------------------*/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#003366 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #003366 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #003366 !important;}
.page-nav{background-color:#003366!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#003366!important}
.return-links span, .return-links i {color:#003366!important;}

.bottom-section span, .bottom-section i {font-size: 12px;}
.bottom-section a, .disclaimer a {font-size: 17px!important;}
.option-name {margin-top: -5px!important; margin-left: 6px!important;}
.fa-check {top:8px!important; left:0px!important;}
.bread-crumbs-heading a, .breadcrumbs a, .search-results span, .search-results i {font-size: 16px!important;}
.dealer-btns-bottom i, .dealer-btns-bottom span {font-size: 12px;}
.secondary-detail-data, .secondary-detail-data a {font-size:14px!important;}
.main-detail-data span {font-size:15px!important;}
.main-detail-data, .shipping, .insurance, .financing, .data-value {background-color:white!important;}


.container * {
    box-sizing: border-box;
}



/*-------------------------------*/
/*    HEADER */
/*-------------------------------*/
header {
    background: #fff;
    border-top: 5px solid #164ba0 ;
}

header a {
    color: #003366;
    text-decoration: none;
}

header a:hover {
    color: #ee1616;
}

header .extList {
    list-style: none;
}

.contactCont p, header .extList li {
    font-size: 12px;
}



header .customBorder {
    border-right: 1px solid #e5e5e5;
}

/*-------------------------------*/
/*  NAVBAR */
/*-------------------------------*/
.bg-dark {
    background: rgba(2, 53, 108, 1);
    background: -moz-linear-gradient(top, rgba(2, 53, 108, 1) 0%, rgba(21, 73, 156, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2, 53, 108, 1)), color-stop(100%, rgba(21, 73, 156, 1)));
    background: -webkit-linear-gradient(top, rgba(2, 53, 108, 1) 0%, rgba(21, 73, 156, 1) 100%);
    background: -o-linear-gradient(top, rgba(2, 53, 108, 1) 0%, rgba(21, 73, 156, 1) 100%);
    background: -ms-linear-gradient(top, rgba(2, 53, 108, 1) 0%, rgba(21, 73, 156, 1) 100%);
    background: linear-gradient(to bottom, rgba(2, 53, 108, 1) 0%, rgba(21, 73, 156, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02356c', endColorstr='#15499c', GradientType=0);
    border-bottom: 10px solid #ffcb08;
    padding: 0 1rem;
}

.webaddress {
    position: relative;
    top: 6px;
    right: 0;
}

.webaddress a {
    color: #fff;
    text-decoration: none;
}

.webaddress a:hover {
    color: #ffcb08;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 20px;
}

.navbar-dark .navbar-nav .nav-link:hover {
    background-color: #FDD503;
    color: #003366;
}

.navbar a.mob-cont {
    display: none;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    background-color: #252525;
    color: #fff;
    border-radius: 0;
    margin-top: 0.6rem;
    padding: 0;
    border: 0;
}

.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 0;
}

.navbar-expand-md .navbar-nav .dropdown-menu a {
    color: inherit;
    text-transform: uppercase;
    display: block;
    padding: .25rem 1.5rem;
}

.navbar-expand-md .navbar-nav .dropdown-menu a:hover {
    color: #003366;
    background-color: #FDD503;
    text-decoration: none;
}

.navbar-expand-md .navbar-nav .dropdown-menu a:focus,
.navbar-expand-md .navbar-nav .dropdown-menu a:hover,
.navbar-expand-md .navbar-nav .dropdown-menu a:active,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: #003366 !important;
    background-color: #FDD503;
}

.custom-toggler .navbar-toggler-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); */
    background-image: url(../img/menuIcon.png);
}

.custom-toggler.navbar-toggler {
    border: 0 !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.contentWrap {
    background-color: #dedede;
}

/*-------------------------------*/
/*  LINKS - HOME  */
/*-------------------------------*/
.links {
    float: left;
    position: absolute;
    left: 10px;
    width: 300px;
    z-index: 1;
}

.links ul#list {
    margin: 0;
    padding: 0;
}

.links ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.links ul li a {
    max-width: 200px;
    text-decoration: none;
    color: #fff !important;
    background-color: #003366;
    border: #ffcb08 1px solid;
    padding: 7px 12px;
    display: block;
}

.links ul li a:hover {
    background: #ffcb08;
    color: #003366 !important;
}

.inventListBtn {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 25px;
    background: #FDD503;
    color: #000;
    border: 1px solid transparent;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 6px 15px;
    letter-spacing: 1px;
    margin-top: 10%;
}

.inventListBtn:hover {
    background: #fdf42e;
    color: #000;
    border: 1px solid #fdf42e;
}


/*-------------------------------*/
/*  BANNER - HOME  */
/*-------------------------------*/
.banner img {
    width: 100%;
}

.scrolling-wrap iframe {width:100%!important;}
/*-------------------------------*/
/*  CONTENT - HOME */
/*-------------------------------*/
.contentCont {
    /*background-color: #fff;*/
}

.contentCont h1 {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 48px;
    color: #003366;
    font-weight: normal;
    line-height: 72px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.contentCont h1::before,
.contentCont h1::after {
    display: inline-block;
    content: "";
    border-top: .3rem solid #003366;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.contentCont h3 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #003366;
    line-height: 45px;
    font-weight: normal;
}

.contentCont p {
    font-size: 16px;
    color: #000;
    font-style: italic;
    font-weight: normal;
}

.contentCont a {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #003366;
}

/*-------------------------------*/
/* LOGOS SECTION - HOME  */
/*-------------------------------*/
.logos {
    padding: 50px 0;
}

/*-------------------------------*/
/* FOOTER */
/*-------------------------------*/
.footer {
    padding: 80px 0;
    margin-top: -10px;
    line-height: 14px;
    background: url(../img/concrete_wall.png) repeat;
}

.footer p {
    margin-bottom: 0;
}

/*-------------------------------*/
/*   MAIN - LANDING PAGE */
/*-------------------------------*/
.main {
    background: url(../img/background_white.png) repeat;
    padding: 80px 0;
}

.main h1 {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 30px;
    color: #003366;
    line-height: 45px;
    font-weight: normal;
}

.main p {
    font-size: 14px;
    color: #003366;
}

.main.contactCont strong.heading {
    font-size: 18px;
}

.main.contactCont p {
    font-style: 16px;
}

.twoImgCont img {
    margin: 10px;
    float: right;
}

.leftAddressCol h3 {
    color: #064a85;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}

.leftAddressCol a {
    font-size: 16px;
    font-weight: 400;
    color: #064a85;
    text-decoration: none;
}

/*-------------------------------*/
/*   CONTACT - SANDHILL CODE */
/*-------------------------------*/
.formFieldIndicator {
    color: #c00000;
    padding: 10px 0;
}

.cform {
    padding: 20px 0;
}

.cform h3 {
    color: #c00000;
}

.cform .form-control {
    height: auto;
    border-radius: 2px;
    margin-bottom: 10px;
    border: 1px solid #c00000;
    box-shadow: none;
}

.form-control-feedback {
    right: 10px;
    font-size: 10px;
    color: #c00000;
}

input[type=text],
input[type=email],
input[type=date],
select.form-control,
textarea.form-control {
    background-color: #f4f4f4;
}

input[type=date].form-control {
    line-height: 1;
}

label.feedbackMedium {
    font-weight: bold;
    color: #232323;
}

.lead-button {
    font-weight: 700;
    max-width: 300px;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    border-color: #c00000;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #c00000;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px 30px;
    display: block;
    margin: 10px auto;
}

.lead-button:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.list-unstyled p {
    display: inline;
}

.list-unstyled a {
    color: #c00000;
}

.attachment-search .search-checkboxes label .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.attachment-search .checkbox {
    margin: 0;
}

.staffCont h2 {
    font-size: 20px;
    color: #000;
    line-height: 28px;
}

.staffCont h4 {
    font-size: 18px;
    color: #000;
}

.staffCont a {
    font-size: 16px;
    color: #000;
}

/*-------------------------------*/
/*   FOOTER - SANDHILL CODE */
/*-------------------------------*/
a.footerlink:link, a.footerlink:visited, a.footerlink:active {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}

a.footerlink:hover {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.footertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}

.smallfootertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
}

.divfooter {
    width: 100%;
    max-width: 450px;
    text-align: center;
    margin: 0 auto;
}

/*-------------------------------*/
/*   FOOTER - SANDHILL CODE */
/*-------------------------------*/
.contactCont .call-it-listing a,
.contactCont .currency-capital-price-container a {
    font-size: 12px !important;
}


/*-------------------------------*/
/*   MEDIA	QUERY  */
/*-------------------------------*/
@media (max-width: 1199px) {
    .webaddress a {
        font-size: 12px;
    }
}

@media (max-width: 992px) {


    .navbar-dark .navbar-nav .nav-link {
        font-size: 10px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 767px) {
    header {
        background-color: #fff;
        background-image: none;
    }

    header .customBorder {
        border-right: 0;
    }

    .webaddress {
        display: none;
    }

    .navbar a.mob-cont {
        color: #fff;
        display: block;
        font-size: 12px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
        padding: .25rem 1.5rem;
        margin: 0;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu a {
        font-size: 14px;
        font-weight: 700;
    }

    .contactCont .col-md-6:nth-child(1) {
        text-align: center;
    }

    .contactCont .col-md-6:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width: 581px) {
    .twoImgCont img {
        margin: 10px auto;
        display: block;
        width: 100%;
    }

    .links {
        width: auto;
    }
}

@media screen and (max-width: 425px) {
    .navbar {
        width: 100%;
        z-index: 9;
    }
}

@media screen and (max-width: 374px) {
    .navbar a.siteName {
        display: none;
    }
}