﻿/***** 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 --------*/

html{scroll-behavior: smooth;}
body {
	font-family: 'Inter', sans-serif;

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/* COLUMNS */

.col-row{display: flex; flex-wrap: wrap; position: relative;}

.col-row-padded-1{
	padding: 0 8.33333%; background: linear-gradient(to right, #e9e9e9 0%, #e9e9e9 50%, #e4e4e4 51%);
}

@media (min-width: 1200px){
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66667%;
	}
	.col-lg-10{
		width: 83.33333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.666667%;
	}
	.col-lg-7{
		width: 50%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66667%;
	}
	.col-lg-4{
		width: 33.33333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66667%;
	}
	.col-lg-1{
		width: 8.33333%;
	}
	.col-lg-hidden{display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
	
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66667%;
	}
	.col-md-10{
		width: 83.33333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.666667%;
	}
	.col-md-7{
		width: 50%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66667%;
	}
	.col-md-4{
		width: 33.33333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66667%;
	}
	.col-md-1{
		width: 8.33333%;
	}
	.col-md-hidden{display: none !important;}
	.col-row-padded-1{
		padding: 0 !important; background: #e9e9e9;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66667%;
	}
	.col-sm-10{
		width: 83.33333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.666667%;
	}
	.col-sm-7{
		width: 50%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66667%;
	}
	.col-sm-4{
		width: 33.33333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66667%;
	}
	.col-sm-1{
		width: 8.33333%;
	}
	.col-sm-hidden{display: none !important;}
	
	.col-row{padding: 0 20px;}
	.col-row-padded-1{
		padding: 0 !important; background: #e9e9e9;
	}
}
@media (max-width: 767px){
	.col-sm-11{
		width: 91.66667%;
	}
	.col-sm-10{
		width: 83.33333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.666667%;
	}
	.col-sm-7{
		width: 50%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66667%;
	}
	.col-sm-4{
		width: 33.33333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66667%;
	}
	.col-sm-1{
		width: 8.33333%;
	}
	.col-sm-12, .col-xs-12{width: 100%;}
	.col-xs-hidden{display: none !important;}
	
	.col-row{padding: 0 20px;}
	

	.col-row-padded-1{
		padding: 0 !important; background: #e9e9e9;
	}
	.credit-app{
		padding: 40px 0 !important;
		border: none !important;
	}
	.credit-app iframe{
		height: 1600px;
	}
}



/*--- HEADER STYLES ---------------------*/
header {}

.header{
	font-family: 'Inter', sans-serif;
}

.logo img{
	max-width: 100%;
}
.hero .logo img{
	margin: 20% 0;
}
.hero{
	position: relative;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
	
	padding: 20px;
}

	.hero:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
    	z-index: 200;
		background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0));
	}

/*---BODY--------------------------------*/
i.red{
	color: #e30613;
}
i.green{
	color: #16B82D;
}
.relative{position: relative;}
.flex{
	display: flex;
}
.gap20{
	gap: 20px;
}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}

.banner{padding: 80px 0; text-align: right;}
.banner-slim{padding: 20px 0; text-align: right;}
.banner .col-row, .banner-slim .col-row{
    align-items: center;
}
.banner-outer-pad{padding: 80px 0 0; max-width: 1120px; margin: 0 auto; box-sizing: border-box;}


.banner ul {
	font-family: 'Inter', sans-serif;
	line-height: 30px;
	font-size: 16px;
}


.bg-red{
	background: #e30613;
	color: #fff;
}
.bg-black{
	background: #151314;
	color: #fff;
}
.bg-black a{
	color: #fff;
}
.bg-gray{
	background: #e9e9e9;
	color: #151314;
}
.small-text{
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 20px;
	line-height: 20px;
	opacity: 0.7;
}

.heading-lg{
	font-family: 'Inter', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 30px;
}
.heading{
	font-family: 'Inter', sans-serif;
	font-weight: 900;
	font-size: 24px;
}
.light{
	font-weight: 400;
}

.banner .cta, .banner-slim .cta{width: 100%;}
.cta{
	display: block;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 3px;
	line-height: 60px;
    white-space: nowrap;
}
.cta.red{
	background: #e30613;
	color: #fff;
}
.cta.white{
	background: #fff;
	color: #151314;
}
.cta.outline{
	background: unset;
	color: #151314;
	border: solid 1px #151314;
}
.bg-red .cta.outline{
	background: unset;
	color: #fff;
	border: solid 1px #fff;
}
.cta.black{
	background: #151314;
	color: #fff;
}



.social-links{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-left: 50px;
	float: right;
}
.social-links a{
	width: 48px;
	line-height: 48px;
	text-align: center;
	color: #151314;
	background: #fff;
	display: block;
}
.social-links.dark a{
	width: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	background: #151314;
	display: block;
}

/*--------FORM STYLES--------------------*/

.panel-outline{
	border-left: solid 2px #e30613;
	padding: 0 40px;
	margin-bottom: 40px;
	display: block;
}
.panel{
	background: #e9e9e9;
	padding: 40px;
}
.panel-border{
	border: solid 1px #e9e9e9;
	padding: 40px;
}
ul.dots{
	padding-left: 24px;
	list-style: disc;
}

.panel .custom-form select, .panel .custom-form input, .panel .custom-form textarea{
	background: none;
	border-bottom: solid 1px #ccc;	margin-bottom: 20px;
}
.custom-form ::placeholder{
	color: #333;
}
.custom-form input{
	padding: 10px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	color: #151314;
	line-height: 24px;
	background: #fff;
	border: none;
	border-bottom: solid 1px #ccc;
	resize: none;
	outline: none;
	box-sizing: border-box;
	width: 100%;
}
.custom-form select{
	padding: 10px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	color: #151314;
	line-height: 24px;
	background: #fff;
	border: none;
	border-bottom: solid 1px #ccc;
	resize: none;
	outline: none;
	box-sizing: border-box;
	width: 100%;
}
.custom-form label, .heading-sm{margin-bottom: 20px;
    display: block; font-weight: 800; letter-spacing: 1px; font-size: 16px;}

.custom-form .flex label{ font-weight: 400;}

.custom-form .flex label{margin-bottom: 0;}
.custom-form .flex{
	gap: 10px;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	color: #333;
	background: #fff;
	border: none;
	border-bottom: solid 1px #ccc;
}

.CaptchaPanel{
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #333 !important;
}
.custom-form .checkboxes{
	margin-top: 20px;
}
.custom-form .checkboxes .flex{
	margin-bottom: 5px;
}

.custom-form .flex > div{
	width: 100%;
}

.custom-form .checkboxes input:nth-of-type(1){
	max-width: 14px;
}

button.cta{outline: none; cursor: pointer; border: none;}

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer{
	font-family: 'Inter', sans-serif;
	padding: 80px 0;
}
.footer ul li{
	font-size: 18px;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 800;
	margin-bottom: 0;
}
.footer ul li a{
	color: #fff;
}

.footer .logo img{ display: block; margin-bottom: 80px;}
.bbb-logo{float: right; display: block; position: absolute; bottom: 0;
right: 0;
max-width: 100%;}


.icons-list li{
	position: relative;
	padding-left: 40px;
	line-height: 24px;
	margin-bottom: 10px;
}
.hours-list li{
	position: relative;
	padding-left:10px !important;
	line-height: 24px;
	padding: 10px;
	margin: 0;
}
.hours-list li:nth-of-type(1){
	padding-left: 40px !important;
}
.hours-list li i{
	position: absolute;
	top: 14px !important;
}
.hours-list li:nth-of-type(even){
	background: #222;
}
.icons-list li i{
	position: absolute;
	left: 0;
	top: 4px;
	width: 24px;
	text-align: center;
}
.footer .icons-list li i{
	top: 10px;
}

.copy-section ul{font-size: 16px; letter-spacing: 1px;}
.copy-section ul li a{font-weight: 800; text-transform: uppercase;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width:1439px) {
	.heading-lg{
		font-size: 24px;
	}

}
@media only screen and (max-width:1200px) {
		.hero:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
    z-index: 200;
		background: rgba(255,255,255,0.5);
	}
		.hero.alt:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.5);
	}
}
@media only screen and (max-width:991px) {

	.hero .logo{
		display: block;
		text-align: center;
	}
	.banner, .banner-slim{text-align: center;}	
	
	.gap-sm{
		margin-bottom: 20px;
	}
	
	.footer .col-lg-4 .social-links{

		flex-direction: row;
		align-items: flex-start;
	}
	.footer .col-lg-4 .flex{
		justify-content: center;
	}
}


@media only screen and (max-width: 767px) {
	
.banner-outer-pad{padding: 40px 7.1% 0;}
	.heading{
		font-size: 18px;
	}
	.heading-lg{
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 24px;
	}
	.flex.gap20{flex-wrap: wrap;}

	.footer .col-row{gap: 20px;}
	.footer .flex.gap20{flex-direction: column;}
	.social-links{flex-direction: row; flex-wrap: wrap;
    align-items: flex-start; margin: 0;}
	.bbb-logo{left: 0;
	right: unset;}
	
.copy-section ul{font-size: 14px; letter-spacing: 1px;}
	
	
	.custom-form .flex{flex-wrap: wrap;}
.footer ul li{
	font-size: 14px;
	padding-left: 20px;
	line-height: 30px;
}
	.footer{padding-bottom: 160px;}
}






