@import "/assets/fonts/poppins/fonts.css";
@import "/assets/fonts/helveticaneue/fonts.css";
@import '/assets/fonts/home-service-icons/fonts.css';
/*------------------------------------*

    TABLE OF CONTENT - $ search prefix

    FONT_FAMILY
    FONT_COLOR
    FONT_SIZE
    BACKGROUND COLORS
    LAYOUT
    ANCHOR
    LIST GROUP
    PANEL
    WELL
    TABLE
    TABS
    NAV RESET
    NAVTABS
    NAV-INVERSE
    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
    FIXED_HEADER
    MOBILE LEAD DRIVER

    cta             d14900
    cta hover       ba4303
    main            0e1829
    main hover      1f78c1

    main extra      092c52

/*------------------------------------*
	$CUSTOM_PROPERTIES
\*------------------------------------*/
:root {
	--cta-color: #d14900;
	--cta-hover: #eb590a;
	--cta-font-color: #fff;
	--main-color: #0e1829;
	--main-hover: #1C3563;
	--main-font-color: #fff;
	--alt-color1: #f5f5f5;
}

/*------------------------------------*
    $FONT_FAMILY
\*------------------------------------*/
body { font-family: 'poppins-regular', sans-serif; }
.heading-xl, .heading-lg, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'poppins-semibold', sans-serif; }
.heading-light { font-family: 'poppins-light', sans-serif; }
.heading-bold { font-family: 'poppins-bold', sans-serif; }
.heading-regular, .btn { font-family: 'poppins-medium', sans-serif; }

/*------------------------------------*
    $FONT_COLOR
\*------------------------------------*/
hr { border-top-color: #ddd; }
.text-default { color: #333; }
.text-main { color: var(--main-color); }
.text-cta { color: var(--cta-color); }
.text-white { color: #fff; }

/*------------------------------------*
    $FONT_SIZE
\*------------------------------------*/
body { font-size: 16px; }

@media (max-width: 991px) {
body, .btn, .dropdown-menu, .form-control { font-size: 16px; }
}

/*------------------------------------*
    $BACKGROUND COLORS
\*------------------------------------*/
.bg-main {
    background-color: var(--main-color);
    border: 1px solid transparent;
    color: var(--main-font-color);
}
.bg-cta {
    background-color: var(--cta-color);
    border: 1px solid transparent;
    color: var(--cta-font-color);
}
.bg-alt1 {
    background-color: var(--alt-color1);
    border: 1px solid transparent;
}
.bg-alt2 {
    background-color: #ddd;
    border: 1px solid transparent;
}
.bg-alt3 {
    background-color: #ccc;
    border: 1px solid transparent;
}
.bg-alt4 {
    background-color: #000;
    border: 1px solid transparent;
}
.offerBlock {
    background-color: var(--main-color);
    color: var(--main-font-color);
}
.offerBlock h2 {margin: 10px;}
.offerBlock #offerBarButton {margin: 5px;}

@media (max-width: 767px) {
.snap-content { background-color: #fff !important; }
}
/*------------------------------------*
    $LAYOUT
\*------------------------------------*/
.contentWrapper { padding-bottom: 2em; }
.contentSectionO, .contentSectionE { padding: 65px 0; }

@media (max-width: 991px) {
.contentSectionE, .contentSectionO { padding: 40px 0; }
}
@media (max-width: 767px) {
.contentSectionE, .contentSectionO { padding: 35px 0; }
}

/*------------------------------------*
    $ANCHOR
\*------------------------------------*/
a { color: var(--cta-color); }
a:hover, a:focus, a:active { color: var(--cta-hover); }
/*------------------------------------*
    $LIST GROUP
\*------------------------------------*/

/*------------------------------------*
    $PANEL
\*------------------------------------*/
.panel, .panel-heading, .panel-footer { border-radius: 0; }
.panel { box-shadow: none; }
.panel-title { font-weight: bold; }
/*------------------------------------*
    $WELL
\*------------------------------------*/
.well {
    box-shadow: none;
    border-radius: 0;
}
/*------------------------------------*
    $TABLE
\*------------------------------------*/

/*------------------------------------*
    $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: var(--main-color);
    border-color: transparent;
    color: var(--main-font-color);
}
/*------------------------------------*
    $NAV-INVERSE
\*------------------------------------*/

/*------------------------------------*
    $PAGINATION
\*------------------------------------*/
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
    background-color: #767676;
    border-color: transparent;
    color: #fff;
}
.pagination > li > a, .pagination > li > span { color: var(--cta-color); }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: var(--cta-hover); }
/*------------------------------------*
    $BTN
\*------------------------------------*/
.btn { border-radius: 0; box-shadow: none !important; transition: all .3s ease-in-out; padding: 6px 20px;}
.btn-group-lg > .btn, .btn-lg { padding: 14px 30px; font-size: 16px; }
.btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}

/*------------------------------------*
    $BTN_CTA
\*------------------------------------*/
.btn-cta {
    color: var(--cta-font-color); 
    background-color: var(--cta-color); 
    border-color: var(--cta-color);
}
.btn-cta:hover, .btn-cta:focus, .btn-cta:active, .btn-cta.active, .open > .dropdown-toggle.btn-cta {
    color: var(--cta-font-color); 
    background-color: var(--cta-hover); 
    border-color: var(--cta-hover);
}
/*------------------------------------*
    $BTN_MAIN
\*------------------------------------*/
.btn-main, .btn-alt3.active, .nav .btn-alt3.active /* used on specials pages as tabs */ {
    color: var(--main-font-color); 
    background-color: var(--main-color); 
    border-color: var(--main-color);
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open .dropdown-toggle.btn-main {
    color: var(--main-font-color); 
    background-color: var(--main-hover); 
    border-color: var(--main-hover);
}
.showroom .menu .btn-alt3 { background-image: none; } /* used on showroom page, in the left menu section */
/*------------------------------------*
    $BTN_ALT1
\*------------------------------------*/
.btn-alt1 {
    color: #000; 
    background-color: #fff; 
    border-color: #ddd;
}
.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: #000; 
    background-color: #ccc; 
    border-color: #ccc;
}
/*------------------------------------*
    $BTN_ALT2
\*------------------------------------*/
.btn-alt2 {
    color: var(--cta-color);
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
    border-bottom: 2px solid var(--cta-color);
    padding: 0;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'poppins-bold', sans-serif;
}
.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: var(--cta-hover);
    border-bottom: 2px solid var(--cta-hover);
}
.bg-alt1 .btn-alt2 { filter: brightness(0.95); }
/*------------------------------------*
    $BTN_ALT3
\*------------------------------------*/
.btn-alt3 {
    color: #fff;
    background-color: #555;
    border-color: #555;
}
.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: #333;
    border-color: #333;
}
/*------------------------------------*
    $BTN_ALT4
\*------------------------------------*/
.btn-alt4 {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}
.btn-alt4:hover, .btn-alt4:focus, .btn-alt4:active, .open .dropdown-toggle.btn-alt4, .nav .btn-alt4:hover, .nav .btn-alt4:focus, .nav .btn-alt4:active {
    color: #222;
    background-color: #fff;
    border-color: #fff;
}
/*------------------------------------*
    $BTN_NAV1 and $BTN_NAV2
\*------------------------------------*/
.btn-nav1, .btn-nav2 {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}
.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 {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}
/*------------------------------------*
    $HOME_MISC
\*------------------------------------*/


/*------------------------------------*
    $HOME_QUICK-NAV
\*------------------------------------*/


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


/*------------------------------------*
    $WIDGET_INVENTORY SEARCH
\*------------------------------------*/


/*------------------------------------*
    $WIDGET_BANNER
\*------------------------------------*/
.bannerLayout02 #inventorySearchWidget { color: #fff; padding: 10px 25px 15px; }

@media (max-width: 991px) and (min-width: 768px) {
.bannerLayout02 > .container { width: 100%; }
}

/*------------------------------------*
    $MOBILE LEAD DRIVER
\*------------------------------------*/
#offerBar { text-align: center; padding: 8px 0; }
#offerBar ul { margin-bottom: 0; }
#offerBar, #offerBar .h1 { font-size: 20px; }

@media (min-width:768px) and (max-width:1199px) {
#offerBar, #offerBar .h1 { font-size: 24px; }
}
@media (min-width:1200px) {
#offerBar, #offerBar .h1 { font-size: 32px; line-height: 28px; }
}


/*------------------------------------*
	SCROLL TCPA_DISCLAIMER CSS
\*------------------------------------*/

.optOutInput label { display: block; }
.contact-block .optOutInput label { display: block; } 
.optOutInput .help-block {
 font-size: 13px;
 max-height: 47px;
 overflow-y: scroll;
 text-align: left;
 margin-top: 2px;
 color: inherit;
}