@import "/assets/fonts/gotham/fonts.css";
/*------------------------------------*
	TABLE OF CONTENT - $ search prefix

	FONT_FAMILY
	FONT_COLOR
	FONT_SIZE
	BACKGROUND COLORS
	ANCHOR
	LIST GROUP
	PANEL
	WELL
	TABLE
	TABS
	NAV RESET
	NAVTABS
	NAV-INVERSE
	FORM CONTROL
	PAGINATION
	BTN
	BTN_CTA
	BTN_MAIN
	BTN_ALT1
	BTN_ALT2
	BTN_ALT3
	BTN_NAV1 AND BTN_NAV2
	HOME_MISC
	HOME_QUICK-NAV
	HOME_INVENTORY SEARCH BUTTONS
	WIDGET_INVENTORY SEARCH
	WIDGET_BANNER
	WIDGET_MODELBAR
	WIDGET_FEATURED VEHICLES SCROLLER
	FIXED_HEADER
	SRP/VDP

	cta				B12023 
	cta hover		601114
	main			014B6E
	main hover		00283D

/*------------------------------------*
	$FONT_FAMILY
\*------------------------------------*/
body { font-family: 'GothamLight'; }
.heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong, b, nav, .btn { font-family: 'GothamMedium'; }
/* If you declare a bolder font for above h1-h6, please leave below code in - IF SYSTEM FONT REMOVE BELOW LINE */
#inventorySearchWidget .isTitle, .srpRefineSearch .panel-title, .srpVehicle h2, .srpVehicle h1.vehicleTitle, #vehiclePageViews h2, strong, b { font-weight: normal !important; }

/*------------------------------------*
	$FONT_COLOR
\*------------------------------------*/
body { color: #222; }
hr { border-top-color: #ddd; }
.text-default { color: #333; }
.text-white { color: #fff; }
.text-main { color: #00283D; }
.text-cta { color: #B12023; }
.text-alt { color: #9FA0A1; }

/*------------------------------------*
	$FONT_SIZE

	Headers scale based on body
	font-size. Bootstrap default body
	font size is 14px.
\*------------------------------------*/

@media (max-width:991px) {
body, .btn, .dropdown-menu, .form-control { font-size: 13px; }
}
/*------------------------------------*
	$BACKGROUND COLORS
\*------------------------------------*/
.contentSectionE, .contentSectionO { padding: 50px 0; }
.contentSectionO { background-color: #F1F2F4; }
.bannerWrapper { background-color: #fff; }
.contentTop { display: none; }
.bg-main {
	background-color: #00283D;
	border: 1px solid transparent;
	color: #fff;
}
.bg-cta {
	background-color: #B12023;
	border: 1px solid transparent;
	color:#fff;
}
.bg-alt, .bg-alt1, .panel-heading.bg-alt {
	background-color: #9FA0A1;
	border: 1px solid transparent;
	color: #fff;
}
.offerBlock {
	background-color: #014B6E;
	color: #fff;
}
footer { background-color: #F1F2F4; }

@media (max-width:767px) {
.snap-content { background-color: #fff !important; }
.contentSectionE, .contentSectionO { padding: 30px 0; }
}

/*------------------------------------*
	$LAYOUT
\*------------------------------------*/
.contentWrapper { padding-bottom: 3em; }

@media (min-width:768px) and (max-width:991px) {
.contentTop { padding: .5em 0; }
}
/*------------------------------------*
	$ANCHOR
\*------------------------------------*/
a { color: #014B6E; }
a:hover, .btn:hover, .btn:active, .btn:focus { color: #00283D; }
/*------------------------------------*
	$LIST GROUP
\*------------------------------------*/
.list-group-item { }
a.list-group-item { }
a.list-group-item:hover, a.list-group-item:focus { }
/*------------------------------------*
	$PANEL
\*------------------------------------*/
.panel, .panel-heading, .panel-footer { border-radius: 0; }
.panel { box-shadow: none; }
.panel-title { font-weight: bold; }
.panel-default .panel-heading { }
.panel-default .panel-footer { }
.panel-default .panel-heading + .panel-collapse .panel-body { }
/*------------------------------------*
	$WELL
\*------------------------------------*/
.well {
	box-shadow: none;
	border-radius: 0;
}
/*------------------------------------*
	$TABLE
\*------------------------------------*/
.table thead tr th { }
.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr d, .table tbody tr td, .table tfoot tr td { }
/*------------------------------------*
	$TABS
\*------------------------------------*/
.nav-tabs.nav-justified > li > a, .nav-tabs > li > a { background-color: #eee; }
.nav-tabs.nav-justified > .active > a { border-bottom-color: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fff; }
/* tabs inside well */
.well .nav-tabs.nav-justified > .active > a { background-color: #f5f5f5; }
.well .panel .nav-tabs.nav-justified > .active > a { background-color: #fff; }
/*------------------------------------*
	$NAVTABS
\*------------------------------------*/
.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
	background-color: #014B6E;
	border-color: transparent;
	color: #fff;
}
/*------------------------------------*
	$FORM CONTROL
\*------------------------------------*/

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 0; }
/*------------------------------------*
	$NAV-INVERSE
\*------------------------------------*/
.navbar-inverse { }
/*------------------------------------*
	$PAGINATION
\*------------------------------------*/
.pagination { }
.pagination li a, .pagination li span { }
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
	background-color: #cccccc;
	border-color: transparent;
	color: #fff;
}
/*------------------------------------*
	$BTN
\*------------------------------------*/

/*------------------------------------*
	$BTN_CTA
\*------------------------------------*/
.btn-cta {
	color: #fff;
	background: #B12023;
	border-color: #B12023;
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
	color: #fff;
	background: #601114;
	border-color: #601114;
}
/*------------------------------------*
	$BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active /* used on specials pages as tabs */ {
	color: #fff;
	background-color: #b12023;
	border-color: #b12023;
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open .dropdown-toggle.btn-main {
	color: #fff;
	background-color: #8e0f11;
	border-color: #8e0f11;
}
/*------------------------------------*
	$BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
	color: #fff;
	background-color: #9FA0A1;
	border-color: #9FA0A1;
}
.btn-alt1:hover, .btn-alt1:focus, .btn-alt1:active, .btn-alt1.active, .open .dropdown-toggle.btn-alt1, .nav .btn-alt1:hover, .nav .btn-alt1:focus, .nav .btn-alt1:active, .nav .btn-alt1.active {
	color: #f8f8f8;
	background-color: #a8a9a9;
	border-color: #a8a9a9;
}
/*------------------------------------*
	$BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
	color: #000;
	background-color: #ddd;
	border-color: #ccc;
}
.btn-alt2:hover, .btn-alt2:focus, .btn-alt2:active, .btn-alt2.active, .open .dropdown-toggle.btn-alt2, .nav .btn-alt2:hover, .nav .btn-alt2:focus, .nav .btn-alt2:active, .nav .btn-alt2.active {
	color: #000;
	background-color: #ccc;
	border-color: #bbb;
}
/*------------------------------------*
	$BTN_ALT3
\*------------------------------------*/
.btn-alt3 {
	color: #fff;
	background-color: #878b90;
	border-color: #878b90;
}
.btn-alt3:hover, .btn-alt3:focus, .btn-alt3:active, .open .dropdown-toggle.btn-alt3, .nav .btn-alt3:hover, .nav .btn-alt3:focus, .nav .btn-alt3:active {
	color: #fff;
	background-color: #9ca0a4;
	border-color: #9ca0a4;
}
/*------------------------------------*
	$BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2, .btn-nav3 {
	color: #fff;
	background-color: transparent;
	border-color: transparent #003F60 transparent transparent;
	font-size: 12px;
}
.btn-nav1:hover, .btn-nav1:focus, .btn-nav1:active, .btn-nav1.active, .open .dropdown-toggle.btn-nav1, .btn-nav2:hover, .btn-nav2:focus, .btn-nav2:active, .btn-nav2.active, .open .dropdown-toggle.btn-nav2, .btn-nav3:hover, .btn-nav3:focus, .btn-nav3:active, .btn-nav3.active, .open .dropdown-toggle.btn-nav3 {
	color: #fff;
	background-color: #003F60;
	border-color: #003F60;
}
/*------------------------------------*
	$HOME_MISC
\*------------------------------------*/
footer .providerLogo { display: none !important; }
/*------------------------------------*
	$HOME_QUICK-NAV
\*------------------------------------*/
.fa.bubblyIcon { border: 2px solid #fff; border-radius: 70px; height: 60px; padding: 14px; text-align: center; width: 60px; }

/*------------------------------------*
	$HOME_INVENTORY SEARCH BUTTONS
\*------------------------------------*/

/*------------------------------------*
	$WIDGET_INVENTORY SEARCH
\*------------------------------------*/
.bannerWrapper.bannerLayout02 #inventorySearchWidget {
	background: #014B6E;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	color: #fff;
	padding: 10px 20px;
}

.bannerWrapper.bannerLayout02 #inventorySearchWidget .btn-main {
	margin-top: 10px;
}

@media(min-width:1250px) {
	.bannerWrapper.bannerLayout02 #inventorySearchWidget { margin-top: 20px; }
}
/*------------------------------------*
	$WIDGET_BANNER
\*------------------------------------*/


/*------------------------------------*
	$WIDGET_MODELBAR
\*------------------------------------*/
.modelBar.panel {
	border: none;
	padding: 0 1em;
	margin: 0;
	background: none;
}
.ttMpg, .ttYear, .ttMake { display: none; }
#modelBarWidget .vehicle, .mbCustomBtn { cursor: pointer; }
.modelBar .mbPopUpTitle { margin: 4px 0 8px; }
.modelBar .ptMpg {
	position: absolute;
	bottom: -10px;
	right: 0px;
	font-weight: bold;
	background-color: #eee;
	padding: 6px 8px 2px;
	border-radius: 4px 0 4px 0;
}
.modelBar .ptMpgLabel { font-size: 11px; }
.modelBar .popoverTitle .btn {
	margin: 0 0 8px;
	text-align: center;
}
.modelBar .popoverTitle .col-sm-6 {
	padding-left: 4px;
	padding-right: 4px;
}
.modelBar .popoverTitle.row { padding: 0 10px; }
/* MPG Fix */
.modelBar .col-model-thumb {
	position: relative;
	margin: -5px 0;
}
.modelBar .ttMpg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.mbThumbTitle, .mbTitleModel {
	margin-top: -10px;
	color: #333;
}

@media(max-width:992px) {
.modelBar.panel {
	border: none;
	padding: 0 1em;
}
}

/*------------------------------------*
	$FIXED_HEADER
	jQuery('.headerWrapper').addClass('fixedHeaderArea');

	-add a padding-top to content div based on height of header section (may need multiple media queries)
\*------------------------------------*/
@media(min-width:992px) {
.fixedHeaderArea { background: #fff; }
.fixedHeaderArea ~ #content { padding-top: 90px; }
header { border-bottom: 3px solid #024C6F; }
}
@media (max-width:1199px) and (min-width:992px) {
.fixedHeaderArea ~ #content { padding-top: 125px; }
}
/*------------------------------------*
	$SRP/VDP
\*------------------------------------*/