/***** BEGIN RESET *****/
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
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;}



hr{border:#000 1px solid;}
.hs-tabs {width: 100%;}

/*.company-banner {background-color: #fff;color: #ba1515;border: 3px solid #ba1515;border-radius: 10px;box-shadow: 0px 5px 10px #494848;width: 80%;height: 65px;justify-self: center;align-content: center;font-size: 25px;font-family: "Lato", sans-serif;font-weight: 600;letter-spacing: 2.288px;margin-top: 15px;}

.mobile-company-banner {display: none;}*/

.company-banner-photo {width: 100%; height: auto; box-sizing: border-box; object-fit: contain; padding-top: 20px;}
.company-banner-photo-mobile {display: none;}

/*--- HEADER STYLES ---------------------*/
header {}
.top-main a {color:inherit !important;}


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




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




/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {display: flex;flex-direction: column;align-items: center;gap: 30px;margin-top:20px;}
.footer li a{font-family: "Lato", sans-serif;text-transform:uppercase;font-size: 17px;font-weight:500;letter-spacing:2.288px;}
.footer-links {margin-bottom: 10px;}
.footer-links ul {display: flex;flex-direction: row !important;justify-content: space-between;width: 100%;gap: 14px;}
.contact {display: flex;flex-direction: column;align-items: center;gap: 20px;}
span.bold {font-size: 19px;font-weight:700;text-transform:uppercase;font-family: "Lato", sans-serif;} 
.contact p {font-size:17px}
span.red a{color:#ba1515;font-family: "Lato", sans-serif;}
.footer-bottom {font-family: "Lato", sans-serif;margin-bottom: 48px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







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

@media only screen and (max-width: 1023px) {
	/*.mobile-company-banner {display: block; background-color: #fff;color: #ba1515;border-radius: 10px;box-shadow: 0px 5px 10px #494848;width: 80%;height: 55px;text-align: center;align-content: center;font-size: 25px;font-family: "Lato", sans-serif;font-weight: 600;letter-spacing: 2.288px;margin-top: -15px;margin-bottom: 15px;}*/
	
	.company-banner-photo-mobile {display: block; width: 100%; height: auto; box-sizing: border-box; object-fit: contain; padding-top: 20px;}
}

@media only screen and (max-width: 887px) {
	.footer-links ul {flex-wrap: wrap;justify-content: center;}
	.footer li a {font-size:16px;}
}

@media only screen and (max-width:767px) {
	.footer {width:90%;margin:0 auto;}
	.contact p {text-align: center;}
	.footer-links ul {flex-direction:column !important;text-align: center;}
	.footer-bottom p {text-align:center;}
}


@media only screen and (max-width: 767px) {

	
}

/*@media only screen and (max-width: 650px) {
	.mobile-company-banner {font-size: 20px;}
}

@media only screen and (max-width: 340px) {
	.mobile-company-banner {font-size: 15px;height: 70px;}
}*/