/***** 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 {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/

header {background: #000;}
.header-wrap {display: flex; justify-content: space-between; align-items: center;}
.header-left {width: 600px; display: flex; justify-content: center;}
.header-right {width: 100%;}
.header-top {display: flex; align-items: center; gap: 100px; justify-content: flex-end; padding: 30px 70px 30px 0;}
.header-top-links {display: flex; align-items: center; gap: 50px;}
.header-top-links a {display: flex; align-items: center; gap: 12px;}
.header-top-links a i {color: #D3100E; font-size: 25px; line-height: 25px;}
.header-top-links a p {color: #fff; font-family: 'lato', sans-serif; font-weight: bolder; font-size: 14px; line-height: 18px;}
.header-top-links a p span {color: #fff; font-family: 'oswald', sans-serif; font-weight: normal !important; font-size: 14px; line-height: 18px; text-transform: uppercase;}
.header-top-call a p {color: #fff; font-family: 'lato', sans-serif; font-weight: bolder; font-size: 26px; line-height: 28px; text-align: right;}
.header-top-call a p span {color: #D3100E; font-family: 'oswald', sans-serif; font-size: 17px; line-height: 28px; text-transform: uppercase; font-weight: normal !important;}
.nav-before {background: #D3100E; clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%); padding: 33px 0; margin-bottom: -67px;}
.header-bottom {}
.nav-br {opacity: 50%;}
.mobile-logo {display: none;}

/*---BODY--------------------------------*/

.flex-container {
	display: flex;
	align-items: center;
}

.center {
	text-align: center;
}



/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/

footer {background: url("/siteart/footer-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; margin-top: 50px;}
.footer-wrap {width: 95%; margin: 0 auto; display: flex; gap: 100px;}
.footer-bkgrd {background: url("/siteart/footer-img.jpg") no-repeat; background-position: center; background-size: cover; margin-top: -50px; width: 600px; display: flex; align-items: center; justify-content: center; height: 400px;}
.footer-bkgrd > div {width: 500px;}
.footer-bkgrd > div p {font-family: 'lato', sans-serif; color: #fff; font-size: 15px; line-height: 25px; margin: 30px 0 40px 0;}
.footer-bkgrd > div i {color: #fff; font-size: 28px;}
.footer-socials {display: flex; gap: 25px;}
.footer-links {display: flex; gap: 200px; padding: 80px 0;}
.footer-links p {font-family: 'oswald', sans-serif; font-size: 24px; line-height: 34px; color: #EECC22; text-transform: uppercase;}
.footer-links ul {margin-top: 10px;}
.footer-links li a {font-family: 'oswald', sans-serif; color: #fff; font-size: 18px; line-height: 40px; text-transform: uppercase;}
.footer-links li a i {color: #EECC22;}
.email-us {margin-top: 25px;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-listings-count {color: #D3100E !important;}
.list-top-section .list-title {display: none !important;}
.inv-header {max-width: 1450px !important; width: 98.5%; margin: 0 auto; padding-top: 50px;}



/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1500px) {
	.header-left {width: 35%;}
}
@media only screen and (max-width: 1450px) {
	.inv-header {width: 99.5%;}
}
@media only screen and (max-width: 1400px) {
	.header-top {padding: 30px 30px 30px 0;}
}
@media only screen and (max-width: 1300px) {
	.footer-links {gap: 0px; justify-content: space-between; width: 49%;}
	.footer-bkgrd {width: 49%;}
	.footer-bkgrd > div {width: 85%; margin: 0 auto;}
	.header-left a, .header-left img {width: 100%;}
	.header-left {width: 25%; padding: 0 0 0 30px;}
}
@media only screen and (max-width: 1150px) {
	.header-left, .header-top {display: none;}
	.mobile-logo {display: contents;}
	header {background: transparent;}
	.header-bottom {background: transparent; text-align: right;}
	.header-wrap {width: 95%; margin: 0 auto; padding: 20px 0;}
	header img {width: 200px;}
	.nav-before {display: none;}
	.inv-header {padding-top: 25px;}
}
@media only screen and (max-width: 980px) {
	.footer-wrap {gap: 65px; flex-wrap: wrap;}
	.footer-bkgrd {width: 600px; height: 350px;}
	.footer-links {width: 100%; justify-content: flex-start; gap: 200px; padding: 0 0 80px 0;}
}
@media only screen and (max-width: 680px) {
	.footer-bkgrd {width: 100%;}
	.footer-links {justify-content: space-between; gap: 0px;}
}
@media only screen and (max-width: 450px) {
	.footer-links {flex-wrap: wrap; gap: 30px;}
	.footer-links > div {width: 100%;}
}
@media only screen and (max-width: 380px) {
	.footer-bkgrd > div > a, .footer-bkgrd > div > a img {width: 100%;}
}
@media only screen and (max-width: 350px) {
	header img {width: 70%;}
	.header-right {width: auto;}
	.inv-header h1 {font-size: 30px}
}