/***** 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=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Outfit:wght@100..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;  
} 

h1,h2,h3,h4,h5,h6 {font-family: "Barlow Semi Condensed", sans-serif;text-transform:uppercase;}

/*-------- 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;
}

a,button {cursor:pointer;}

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

body {
	box-sizing:border-box;
	line-height: 2.1;
	overflow-x: hidden;
	font-style: normal;
	 font-family: "Outfit", sans-serif;
	background:#fff;
}


a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

.uppercase {text-transform:uppercase;}

.flex {display:flex;}

.image-background {background-image: url("../siteart/dark-mountain-range.png"); background-color: #000;width: 100%;height: 780px;background-position: 0;background-repeat: no-repeat;position:relative;}

.main-hero {background-image: url("/siteart/hero-image.webp");height: 840px;background-size: cover;background-position: 0;background-repeat: no-repeat;background-color:#000;}

.sub-hero {background-image: url("/siteart/hero-image.webp");height: 320px;background-size: cover;background-position: 0;background-repeat: no-repeat;background-color:#000;}


.red-text {color:#FE5758}
.absolute-section {position:relative;}

/*--- BUTTONS STYLES ---------------------*/
a.white-button {width:100%;}
a.white-button button {background:#DDDDDD;color:#000;width: 100%;max-width: 370px;border:unset;padding:15px;border-radius:10px;font-weight:700;font-family: "Barlow Semi Condensed";text-transform:uppercase;font-size:18px;transition:.3s;}

a.white-button button:hover {background:#000;color:#fff;}

a.red-button {width:100%;}
a.red-button button,input.red-button,.collapsible {background:#EA0000;border:unset;text-transform:uppercase;font-size:18px;color:#fff;max-width:400px;margin-top:30px;padding:15px;width:100%;border-radius:10px;font-family: "Barlow Semi Condensed";font-weight:700;cursor:pointer;transition:.3s;}

a.red-button button:hover,input.red-button:hover,.collapsible:hover {background:#a30000;}

.button-flex {gap:10px;display: flex;justify-content: center;}
.button-flex a.red-button {width: 23%;}


.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: unset;
}

/*--- HEADER STYLES ---------------------*/
header {}




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

/*---HERO--------------*/

.sub-hero .hero-overlay {bottom: 0;max-width: 100%;height: 100%;}

.hero-overlay {    color: #fff;
    position: relative;
    bottom: -24%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.7);
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: solid 16px #EA0000;
    box-sizing: border-box;
    max-width: 1080px;
    margin: 0 auto;
    align-items: center;}

.hero-overlay p {text-transform:uppercase;font-size: clamp(1.25rem, 1.1436rem + 0.5319vw, 1.875rem);font-family: "Barlow Semi Condensed", sans-serif;font-weight:700;line-height:1.1;}

.hero-overlay h1 {font-size: clamp(2.5rem, 2.2436rem + 1.2821vw, 3.75rem);line-height:1;}
span.smaller-heading {font-size: clamp(1.875rem, 1.5288rem + 1.7308vw, 3.5625rem);}

.hero-overlay .wrapper {width: 100%;max-width: 90%;}



/*---INVENTORY CATEGORIES--------------*/
section.inv-catergories {position: relative;background: #DDDDDD;
    border-bottom: solid 16px #EA0000;}

.inv-cat {width: 100%;max-width: 210px;display: flex;flex-direction: column;align-items: center;height: 180px;justify-content: space-between;transition:.3s;}

.inv-cat:hover img {transform:scale(1.2);}
.inv-cat:hover i {font-size: 120px;}

.inv-cat img {max-width:150px;transition:.3s;}

.inv-flex {justify-content: space-between;display: flex;}

.inv-catergories .absolute-section .wrapper.flex {width: 90%;margin: 0 auto;}

.inv-catergories .absolute-section {position: relative;width: 90%;top: -90px;margin: 0 auto;background: #fff;border-radius: 40px;padding: 29px 0 58px;}

.inv-catergories .absolute-section h2 {margin-bottom: 36px;font-family: "Outfit", sans-serif;}

.inv-flex {justify-content: space-between;display: flex;width: 90%;align-items: center;margin: 0 auto;}
.inv-cat i {font-size:100px;color:#EA0000;margin-top: 30px;transition:.3s;}

.inv-cat p {color:#000;font-size:20px;font-family: "Barlow Semi Condensed", sans-serif;font-weight:700;}

.inv-catergories .absolute-section h2 {text-align:center;}




/*--------NAVIGATION STYLES--------------------*/
.navigation-overlay {display: flex;justify-content: space-evenly;align-items: center;height: 90%;width: 90%;margin: 0 auto;gap: 30px;}

.nav-cat {width: 100%;color: #fff;border: solid 4px;padding: 80px 6%;box-sizing: border-box;border-radius: 20px;display: flex;height: 440px;flex-direction: column;align-items: center;transition: .3s;justify-content: center;}

.nav-cat:hover,.contact-cat:hover {background:#fff;color:#000;}

.nav-icon {font-size: 100px;}

span.nav-title {font-size: clamp(1.1875rem, 1.1024rem + 0.4255vw, 1.6875rem);line-height: 2;text-transform: uppercase;font-weight:800;}

/*--------CALL US STYLES--------------------*/

.call-us .absolute-section {    position: relative;
    background: #EA0000;
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;}

.call-us .absolute-section .wrapper.flex {display: flex;align-items: center;justify-content: space-between;padding: 37px 2%;line-height: 1.4;}

.call-content {color:#fff;width: 100%;}
 a.white-button {text-align: right;}
.call-content a.white-button button{max-width:300px;}

.call-content h2 {font-size: clamp(1.25rem, 1.1867rem + 0.3165vw, 1.5625rem);}

/*--------INTRO STYLES--------------------*/
.intro {padding: 10% 0 0;background:#DDDDDD;}
.intro-image {flex: 1;}

.intro-image img {max-width: 100%;border-radius: 30px;object-fit: cover;height: 670px;object-position: 88% 0;}

.intro .wrapper.flex {display: flex;justify-content: center;gap: 40px; width: 90%;margin: 0 auto;align-items: center;}
.intro-content {flex: 1;}
.intro p {margin-bottom: 4%;}
.intro h2 {font-size: clamp(1.75rem, 1.6223rem + 0.6383vw, 2.5rem);margin-bottom:20px;line-height:1;}


/*--------GET IN TOUCH STYLES--------------------*/
section.content-information {background: #EA0000;color: #fff;padding: 180px 0 7%;}
.content-information h2 {font-size: clamp(1.75rem, 1.6223rem + 0.6383vw, 2.5rem);line-height:1;}
.content-information .wrapper.flex {justify-content: center;flex-direction: column !important;width:90%;margin:0 auto;gap:20px;}
.flex.contact-categories {flex-direction: row !important;justify-content: space-between;}
.flex.contact-categories a {color:#fff;}
.flex.contact-categories h3 {font-size: clamp(1.125rem, 0.9968rem + 0.641vw, 1.75rem);font-family: "Outfit", sans-serif;}

.content-cat {width: 100%;}

.map iframe{border-radius:30px}
.map .absolute-section {position: relative;bottom: -120px;width: 90%;margin: 0 auto;}


/*--------VALUE MY TRADE STYLES--------------------*/
.Value-trade .wrapper.flex {flex-direction: column;width: 90%;text-align: left;margin: 0 auto;gap: 10px;color: #fff;}


section.Value-trade {padding: 6% 0 0;}
.Value-trade.image-background {height:100%;background-size: cover;}
input.red-button-2.form {width: 90%;margin: 0 auto !important;text-align: center;}

.Value-trade h2 {font-size: 30px;line-height:1.1;}

/*--------ABOUT STYLES--------------------*/

.intro.subpage {padding: 4% 0 0 !important;}
.we-are-located {text-align: center;background: #EA0000;width: 100%;margin: 0 auto;padding: 20px 0;border-radius: 20px 20px 0 0;color: #fff;text-transform: uppercase;font-weight: 800;font-size: 18px;}

.map.about iframe {border-radius: 0 0 20px 20px;}

/*--------CONTACT STYLES--------------------*/
.image-background.contact-section {padding: 1% 0;border-top: solid 22px #EA0000;}

.hero-map {line-height: 0;}
.contact-cat {width: 20%;transition:.3s;}
.contact-content {text-align: center !important;}

.contact-heading {color: #fff;text-align: center;padding: 5% 0;width: 90%;margin: 0 auto;}

.contact-heading h1 {font-size: clamp(1.25rem, 0.8446rem + 2.027vw, 3.125rem);line-height: 1;margin-bottom: 14px;}

.image-background.contact-section .map {text-align: center;}

.contact-overlay {display: flex;justify-content: space-evenly;align-items: center;padding: 0 0 6%;box-sizing: border-box;width: 90%;margin: 0 auto;gap: 40px;}

.contact-cat {width: 100%;color: #fff;border: solid 4px;padding: 50px 5%;box-sizing: border-box;border-radius: 20px;display: flex;flex-direction: column;align-items: center;}

.contact-icon {font-size: clamp(2.5rem, 1.9872rem + 2.5641vw, 5rem);}

span.contact-title {font-size: clamp(1.0625rem, 0.9856rem + 0.3846vw, 1.4375rem);line-height: 2;text-transform: uppercase;font-weight:800;}

.contact.subpage {padding: 4% 0 !important;width: 90%;margin: 0 auto;}

.contact-overlay a {width:100%;}

section.image-background.contact-section {height: 100%;}

/*--------FORM STYLES--------------------*/
.formfield {box-sizing: border-box;width: 100%;padding: 15px 0;border-radius: 10px;gap: 20px;}

.form.flex {gap: 10px 13px;}

.formfield textarea {font-family: "Outfit", sans-serif;}

.formfield input, .formfield textarea {box-sizing:border-box;width:100%;padding:20px 10px;border-radius:5px;}

form {width: 100%;margin: 0 auto !important;}

.CaptchaImagePanel,.CaptchaMessagePanel,.CaptchaAnswerPanel,.CaptchaWhatsThisPanel {text-align: left;}
.CaptchaWhatsThisPanel a {color:#000;}

.Value-trade .CaptchaWhatsThisPanel a {color:#fff!important;}

/*-------- THANK YOU STYLES ----------------*/
.thankyou-heading {color: #fff;text-align: center;padding: 5% 0;width: 90%;margin: 0 auto;}

.thankyou-heading h2 {font-size: clamp(1.25rem, 0.8446rem + 2.027vw, 3.125rem);line-height: 1;margin-bottom: 14px;}

/*-------- FOOTER STYLES ----------------*/
footer{background:#000;color:#fff;}
footer a {color:#fff;transition:.3s;}
footer a {color:#fff;transition:.3s;}
.footer .wrapper.flex {justify-content: space-between;margin: 0 auto;width: 90%;}
.footer {padding:5% 0;}
.foot-right .wrapper.flex {width: 100%;justify-content: space-around;}
.foot-right {flex:1}
.foot-left {flex:2;}
.footer span.large-text.barlow {font-family: "Barlow Semi Condensed";}
.footer span.large-text{text-transform: uppercase;font-weight: 700;font-size: clamp(1.25rem, 0.5357rem + 3.5714vw, 1.875rem);margin-bottom:20px;}

.foot-right,.foot-left li {margin-bottom:20px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-search-content .selected-facets-container .selected-facet,.list-content .list-error-container .info button:not(.login-button),button#list-page-print-this {background:#EA0000 !important;color:#fff !important;}





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

@media only screen and (max-width: 1596px) {
	.intro-image img {max-width: 100%;border-radius: 30px;height: 650px;object-fit: cover;object-position: 82% 2%;}
}

@media only screen and (max-width: 1396px) {
	.contact-cat {height: 340px;}
	.intro {padding: 12% 0 0;}
	span.contact-title {line-height: 1.1;}
}

@media only screen and (max-width: 1200px) {
	.nav-cat {max-width: 330px;}
	.intro-image {height: 800px;}
	.intro-image img {height: 100%;object-position: 72% -8%;height: 100%;}
	
}

@media only screen and (max-width: 1100px) {
	.inv-flex {width: 100%;}
	.hero-overlay {max-width: 90%;}
	.contact-overlay {flex-wrap: wrap;}
	.contact-overlay a {max-width: 43%;}
	.contact-overlay {gap: 30px;}

}

@media only screen and (max-width: 1000px) {
	.inv-flex {width: 100%;flex-wrap: wrap;justify-content: center;gap: 40px;}	
	
	.navigation-overlay {gap: 40px;padding: 13% 0;flex-direction: column;}
	.image-background {height: 100%;background-size: cover;}
	.nav-cat {max-width: 100%;}
	.intro {padding:20% 0 0;}
	.intro .wrapper.flex {flex-direction: column;gap: 18px;}
	.intro-image img {height: unset;}
		.call-us .absolute-section .wrapper.flex {flex-direction: column;text-align: center;gap: 30px;padding: 37px 4%;}
	.call-content {text-align: left;}
	.call-content h2 {font-size: clamp(1.25rem, 0.7885rem + 2.3077vw, 2.375rem);}
	a.white-button button {max-width: 100%;}
	.call-us .absolute-section {bottom: -80px;}
	.intro.subpage {padding: 9% 0 0 !important;}
}

@media only screen and (max-width: 900px) {
	.button-flex a.red-button {width: 40%;}
}


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


@media only screen and (max-width: 740px) {
	span.desktop {display:none;}
	.form.flex {flex-direction: column;gap:unset;padding: unset;}
	.Value-trade.image-background {padding: 10% 0 0;}
}



@media only screen and (max-width: 600px) {
	.inv-flex {flex-direction: column;}	
	.footer {padding: 15% 0;}
	.flex.contact-categories {flex-direction: column !important;gap:30px;}
	.footer .wrapper.flex {flex-direction: column;}
	section.content-information {padding: 180px 0 18%;}
	.foot-left {padding-bottom: 30px;}
	.foot-cat {padding-bottom:20px;}
	.contact-overlay {flex-direction:column;}
	.image-background {background-size: cover;}
	.inv-catergories .absolute-section h2 {margin-bottom:unset;}
	span.smaller-heading {font-size: clamp(1.3125rem, -0.0446rem + 6.7857vw, 2.5rem);}
	.hero-overlay {height: 330px;}
}


@media only screen and (max-width: 500px) {
	.contact-cat {height: auto;padding: 25px 5%;justify-content: center;}
	.contact-overlay a {max-width: 90%;}
	section.image-background.contact-section {padding:12% 0;}
	.button-flex {flex-direction: column;margin-top: 30px;gap: 16px;}
	.button-flex a.red-button {width: 100%;}
	.button-flex a.red-button button{margin-top:unset !important;}
	.intro {padding:30% 0 0;}
	
}