﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address { display: block;  } 

/*-------- COLORS --------*/

/***** END RESET *****/
::-moz-selection {background: #000; color: #fff;text-shadow: none;}
::selection {background: #000;color: #fff;text-shadow: none;}

/* Clearfix */
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/*-------- BODY STYLES --------*/
body {font-family: "Source Sans 3", sans-serif !important;}
h1,h2,h3,h4,h5,h6{font-family: "Poppins", sans-serif !important;}
p{font-family: "Source Sans 3", sans-serif !important;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

/*--- HEADER STYLES ---------------------*/
header {border-bottom: 1px solid #f8f8f8;}
.top-header {padding: 15px 0;}
.top-header .flex-container {justify-content: space-between;align-items: center;}
.top-header a {color:#092e6e;font-weight: 600;font-family: "Poppins", sans-serif !important;font-size: 13px;}
.left-top {display: flex;gap: 25px;}
.main-header {padding: 15px 0;}
a.logo-placement{display:flex !important;align-items: center !important;justify-content: center !important;}
.logo-placement img {max-width: 100%;}
.mobile-logo {display: none;}
/*---BODY--------------------------------*/
#pad-xl {padding-top: 45px !important;padding-bottom: 45px !important;}
.flex-container {display: flex;}
.center {text-align: center;}
.page-wid {max-width: 1400px;}
.wid90 {margin: 0 auto;width: 90%;}
.grey-bg{background:#E9EDEE;}
/*--------FORM STYLES--------------------*/
button.blue-btn {background-color: #092e6e;color: #fff;transition: background-color .3s ease-in-out;border-radius: 5px;padding: 10px;font-family: "Poppins", sans-serif !important;font-weight: 600;font-size: 13px;cursor: pointer;}
button.blue-btn:hover{background-color:#051c42;}
/*-------- FOOTER STYLES ----------------*/
footer{}
.top-footer {background:#212331;}
.bottom-footer {border-top:1px solid #3b4150 !important;background: #050c28;padding: 20px 0;}
.flex-foot {padding: 60px 0; justify-content: space-between;align-items:flex-start;gap: 5%;}
.flex-foot div {flex: 1;}
.about-footer img {max-width: 100%;}
.about-footer p {color:#7AA9B5;margin-top:40px;}
.foot-nav ul li a {color:#7AA9B5;}
.foot-brands {display:grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.foot-brands img {max-width: 100%;width: 100%;}
span.foot-title {text-transform: uppercase;font-family: "Poppins", sans-serif !important;color: #fff;font-weight: 700;font-size: 20px;letter-spacing: .5px;margin-bottom: 20px;display: block;}
span.foot-title strong {color: #5BA1E3;}
.foot-nav ul {list-style: disc;color: #fff;padding-inline-start: 10px;}
.foot-nav ul li {border-bottom: 0.2px solid #3b4150;}
.foot-nav ul li a {color: #7AA9B5;padding: 10px 0;display: block;margin-bottom: 5px;}

.bottom-footer a,.bottom-footer {color:#7AA9B5;font-size: 14px;}
.flex-bottom{justify-content: space-between;}
.bottom-nav ul li {
    display: inline-block;
}
.bottom-nav ul li a {
    padding: 0 10px;
}

.foot-socials a {
    font-size: 18px;
    color: #00aaf1 !important;
	transition:.3s all;
}

.foot-socials a:hover {    opacity: .8;}

.foot-socials {
    display: flex;
    gap: 15px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-title .list-title-text,.faceted-search-content .faceted-section-head .faceted-section-title {font-family: "Poppins", sans-serif !important;}
.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: 5px !important;
    -o-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !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:#092e6e !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:#092e6e !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 #092e6e !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: #051c42 !important; border-color: #051c42 !important;}
.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn,.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text, .list-content .list-container .request-a-quote-btn {background: #E9EDEE !important; border: solid 1px #E9EDEE !important; transition: ease all 0.2s !important; color: #092e6e !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,.list-content .list-container .buy-btn:hover, .list-content .list-container .contact-btn:hover, .list-content .list-container .check-availability:hover, .list-content .list-container .email-seller:hover, .list-content .list-container .video-chat:hover, .list-content .list-container .facebook-messenger:hover, .list-content .list-container .whatsapp:hover, .list-content .list-container .text:hover, .list-content .list-container .request-a-quote-btn:hover {background: #050c28 !important; border-color: #050c28 !important;color:#fff !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;}

.bottom-bar .mobile-listing-control-bar .nav-sort .sort-option-container .sort-option, .bottom-bar .mobile-listing-control-bar .nav-sort .ts-modal-content {color:#000 !important;}


.list-content .list-error-container .info .selected-facet {background-color: Transparent !important;border: none !Important;padding: 0 !important;}
.list-content .list-error-container .info .selected-facet button {padding: 5px !important;background-color: transparent !important;color: #000 !important;font-size: 14px !important;}


.list-content .list-error-container .ts-button.template-branded-button {    background: #051c42 !important;
    border-color: #051c42 !important;}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1300px) {
	.logo-placement img {max-width: 215px;width:100%;}
	
}

@media screen and (max-width: 1024px) {
	.mobile-logo {display: block;}
	.mobile-logo img {max-width: 100%;}
	.main-header .page-wid.wid90 {display: flex;justify-content: space-between;align-items: center;}
	.flex-foot{flex-wrap:wrap;gap: 40px;}
	.flex-foot div{flex-basis: 100%;}	
	.left-top{gap: 15px;}
}

@media screen and (max-width: 800px) {
	.flex-bottom{flex-wrap:wrap;gap:20px;justify-content: center;text-align: center;}
	.flex-bottom div{flex-basis: 100%;}
	.foot-socials {justify-content: center;}
	
	
}
@media screen and (max-width: 620px) {
	.top-header {display: none;}
	
}


