﻿/***** 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: ff-good-web-pro, sans-serif !important;
}
h1,h2,h3,h4,h5,h6{font-family: graphie, sans-serif !important;}
p {font-family: ff-good-web-pro, sans-serif !important;font-size: 16px;line-height: 1.5;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:none;background: #e8e8e8;height:1px;margin: 0;}

/*--- HEADER STYLES ---------------------*/
header {position: relative;background: #fff;}
.top-header {padding: 10px 0;}
.flex-top {justify-content: flex-end;gap: 30px !important;}
.head-social{gap: 10px;}
.head-social a {color: #000;font-size: 16px;}
.location-search {align-items: center;font-weight: 500;}
.flex-top a {cursor: pointer;color: #000;text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 1px;font-family: graphie, sans-serif !important;background: transparent;border-width: initial;border-style: none;border-color: initial;border-image: initial;transition:.3s all;}
.flex-top a:hover {color:#d22027}
.main-header {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; position: relative;transition: all 0.3s ease-out;background: #fff;z-index: 99;}
.main-header.fixed-top {position: fixed;top: 0;width: 100%;}
.main-header .flex-container {justify-content: space-between;align-items: center;gap: 5%;}
.navwrap {flex: 1;}
.logo img {width: 100%;max-width: 200px;transition: all 0.3s ease-out;}
.main-header.fixed-top img {max-width: 150px;}
.main-header.fixed-top .header-search-icon {display: none;}
.main-header.fixed-top nav.primary ul li a {line-height: 5;}
.rightside {gap: 30px !important;}
.hero-wrap {max-width: 50%;}
.location-search strong {font-weight: 900;}

/* Header Search */
.header-search-icon {display: flex;align-items: center;justify-content: center;width: 30px;background-size: 1px 200px;position: relative;overflow: hidden;margin-left: 25p;}

.header-search-icon:hover {cursor: pointer;}

.header-search-icon:hover i {opacity: 0.6;}

.header-search-icon a {position: relative;z-index: 1;}

.header-search-icon i {color: #000;font-size: 22px;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

/*  */
.header-search-slide {background: #222;padding: 30px 0;width: 100%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;box-sizing: border-box !important;border-top: 1px solid #fff;}

.search-outer-container {width: 100%;max-height: 100%;height: 50px;}

.header-search {display: flex;height: 100%;}

.header-search input[type="text"] {font-weight: 400;font-style: normal;font-size: 16px !important;color: #808080 !important;text-transform: uppercase;letter-spacing: 1px;background: #d3d3d3;border: none;font-family: ff-good-web-pro, sans-serif !important;}

.header-search ::placeholder {font-weight: 400;font-style: normal;font-size: 16px !important;color: #808080 !important;text-transform: uppercase;}

.header-search i {color: #fff;font-size: 25px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}

#mobile-form-submit {max-height: 80px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}

#mobile-form-submit:hover {background: #99171C !important;cursor: pointer;}

.header-search input:focus {outline: none !important;outline-style: none;box-shadow: none;border-color: transparent;}

.initiallyHidden {display: none;}
/*---BODY--------------------------------*/
.page-wid {max-width: 1300px;}
.page-wid a strong {color: #000;transition:.3s all;text-decoration: underline;}
.page-wid a strong:hover{text-decoration: none;}
.page-wid ul {font-family: ff-good-web-pro, sans-serif !important;}
.page-wid h1 {margin-bottom: 10px;text-transform: uppercase;font-size: 32px;display: block;border-left: 10px solid #d22027;padding-left: 20px;margin-bottom: 30px;font-weight: 900;}
.offwhite {background: #f8f8f8;}
.relative {position: relative;}
#pad-50 {padding: 50px 0 !important;}
.wid90{width:90%;margin: 0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
.grey-bg {background: #eeeeee;}
.red-txt{color:#d22027;}
#myBtn {font-family: graphie, sans-serif !important;display: none;position: fixed;bottom: 30px;right: 30px;z-index: 99;border: none;outline: none;background-color: #000;color: #fff;cursor: pointer;padding: 10px;border-radius: 2px;text-transform: uppercase;letter-spacing: 1px;font-size: 15px;font-weight: 700;}
#myBtn:hover {background-color: #555;}
/*---HERO---*/
.hero {position: relative;}
.hero img {height: 100%;width: 100%;object-fit: cover;object-position: center;}
.hero-txt {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1;color:#fff;display: flex;justify-content: flex-end;align-items: center;text-align: right;}
.hero-slider .slick-slide {height: 50vh;max-height: 600px;min-height: 400px;}
.hero-txt h1 {text-transform: uppercase;font-size: 42px;letter-spacing: 1px;font-weight: 700;margin-bottom: 10px;line-height: 1;}
.hero-wrap {max-width: 45%;margin-right: 5%;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.hero ul.slick-dots {    bottom: 5%;z-index: 9999;width: auto !important;right: 5%;z-index: 99;}
.hero-slider {margin-bottom: 0 !important;}
.red-banner {background: #d22027;padding: 20px;text-align: center;color: #fff;margin-bottom: 30px;border-bottom: 1px solid #99171C;letter-spacing: 1px;}
/*---HOME---*/
.grid-cats {grid-template-columns: repeat(4, 1fr);gap: 30px;}
.cat{position:relative;padding: 30px;border: 1px solid #e8e8e8;}
.catwrap {height: 100%;position: relative;}
.red-box {position: absolute;background: #d22027;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;top: 0;right: 0;padding: 10px;}
.red-box img {max-width:100%;width:100%;filter: brightness(0) invert(1);}
.catwrap h2 {text-transform: uppercase;font-weight: 400;font-size: 22px;letter-spacing: 1px;margin-bottom: 10px;}
.catwrap h2 strong {display: block;font-weight: 900;}
.catwrap a {position: absolute;bottom: 0;left: 0;}
.catwrap p {margin-bottom: 50px;}
.catwrap .link-btn {color: #000;padding: 0;margin-top: 15px;font-weight: 600;}
.link-btn:before {color:#d2d2d2;transition:.3s all;}
.link-btn:hover:before {color: #d22027;}
.home-txt button.link-btn:hover:before{color: #d2d2d2;}
/*---POP-UP -----------------------------------*/
/*=== POPUP ===*/
.popup {
	display: none;
	position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgb(51 51 51 / 33%);
    backdrop-filter: blur(2px);
}
.popup.show {
	display: block;
}


.popup-box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    transition: all 0.2s;
    font-size: 22px;
    line-height: 1;
    color: #d22027 !important;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 0;
    background: #fff;
    text-align: left;
    position: absolute;
    background: none;
    border: none;
    top: 30px;
    left: 30px;
    font-weight: 900;
    cursor: pointer;
}
.popup .close:hover {
  color:#000;}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.center {
	text-align: center !important; 
}

.popup a {
	color: #fff !important;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 99999999999999;
}
.popup .popup-container {
	background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    width: 95%;
    max-width: 800px;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    float: none;
    padding: 60px 0;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	margin: 0 auto;
	top: 40% !important;
	transform: translateY(-50%) !important;
	background-color: #ffffff;
}

.popup-wrap {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.popup-wrap img {
	max-width: 100%;
}
.overlay:target .popup {
    top: -280%;
    left: -100%;
}

.popup .wrapper-inner{width:75%; padding: 20px 0; margin: 0 auto; text-align: center!important}
.popup h2 {
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.popup h3 {
    /* text-transform: uppercase; */
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-weight: 500;
}
.popup hr {
    margin: 3% 0;
}
.popup h3 strong {color:#d22027}
.popup button {width: 100%;}
.popup p {font-size: 18px;}
/*--HOME TEXT---*/
.half-page {flex-basis: 50%;}
.home-txt {gap: 5%;}
.main-img img {width: 100%;height: 100%;object-fit: cover;}
.home-txt .text-wrap h2 {text-transform: uppercase;font-size: 32px;display: block;border-left: 10px solid #d22027;padding-left: 20px;margin-bottom: 30px;}
.text-wrap {padding: 10% 0;}
span.smalltxt {display: block;color: #6B6B6B;font-size: 18px;letter-spacing: 1px;font-weight: 500;text-transform: uppercase;}
.main-img {position: relative;overflow: hidden;    height: 100%;width: 100%;}
.bg-img img, .front-img img {height: 100%;width: 100%;object-fit: cover;}
.front-img {position: absolute;top: 50%;left: 50%;bottom: 0;right: 0;border: 10px solid #fff;border-right: none !important;border-bottom: none !important;}
.bg-img {position: relative;right: 10%;bottom: 10%;height: 100%;width: 100%;}
.map-holder {background: #eee;}
.map-half {position: relative;}
.map-half,.location-half {flex-basis: 50%;}
.location-wrap.flex-container {gap: 20px;}
/*.map-half img {width: 100%;height: 100%;object-fit: cover;}*/
.location-half h3,.testimonial-section h2,.manu-wid h2{text-transform: uppercase;font-size: 28px;margin-bottom: 10px;font-weight:800;}
.location-half p {margin-bottom: 15px;}
.location-option {flex:1;padding: 30px;background: #fff;text-align: center;position: relative;padding-top: 90px;border: 1px solid #e8e8e8;}
.location-option .red-box {top: 0;color: #fff;font-size: 22px;left: 50%;transform: translate(-50%, 0%);}
.location-option h4 {font-size: 22px;margin-bottom: 10px;}
.location-option a {color: #000;font-size: 18px ! Important;font-family: ff-good-web-pro, sans-serif !important;line-height: 1.5;}
.location-half .wid90 {padding:50px 0;}
a.tel-location {display: block;margin-top: 10px;font-weight: 700;}
a.tel-location:before {content:'\f095';font-family: "Font Awesome 6 Free";margin-right: 5px;font-weight: 900;color:#d22027;}
a.location-area:before {content:'\f3c5';font-family: "Font Awesome 6 Free";margin-right: 5px;font-weight: 900;color:#d22027;}
.location-dot {position: absolute;}
a.youngsville.location-dot {bottom: 59.5% !important;z-index: 9999;right: 29.75% !important;font-size: 22px;}
a.angier.location-dot {bottom: 49.5% !important;z-index: 9999;right: 31.25% !important;font-size: 22px;}
a.anyden.location-dot {bottom: 48.25% !important;z-index: 9999;right: 22.75% !important;font-size: 22px;}
#map {width: 100%;position: relative;height: 100%;}
#map img {width: 100%;height: auto !important;max-width: 100%;}
#locations-map {width: 40%;padding: 0 2%;margin: 0;left: 0;height: 100%;}
a.location-area {display: inline-flex;color: #000;}
/*---SHOWROOM---*/
.manu {transition:.3s all;}
.ind-manu-wrap {grid-template-columns: repeat(3, 1fr);gap: 20px;}
.attach-wrap{grid-template-columns: repeat(4, 1fr);gap: 20px;}
.ind-manu-wrap .manu,.attach-wrap .manu {text-align: center; color: #000;border-top: 10px solid #e8e8e8;border-radius: 5px;}
.manu:hover {box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;}
.ind-manu-wrap .manu img,.attach-wrap .manu img {max-width: auto !important;margin-bottom: 10px;/* max-width: 100%; */width: auto !important;transition: .3s all;max-height: 200px;height: 100%;}
.ind-manu-wrap .manu h2,.attach-wrap .manu h2 {text-transform: uppercase;font-size: 18px;}
/*--TESTIMONIAL---*/
.testimony {padding: 20px;margin: 10px;border: 1px solid #e8e8e8;}
.testimony img {max-width: 100%;width: 150px;margin: 0 auto;margin-bottom: 15px;}
.testimonial-section h2 span {color:#d22027;}
.showroom-container {color: #fff;background:linear-gradient(180deg, rgba(34,34,34,.75) 0%, rgba(34,34,34,.75) 100%),url("../siteart/bw-1.jpg") no-repeat;padding: 50px 0;background-size: cover;background-position: center center;}
.manu-wid {max-width: 1100px;text-align: center;}
.manu-wid h2 {color: #fff;}
.manu-wrap.grid-container {grid-template-columns: repeat(3, 1fr);gap: 30px;}
.manu-wid {max-width: 1100px;}
.showroom-container .manu {background: #222;}
.manu {padding: 30px;}
.page-wid .manu {border: 1px solid #e8e8e8;background: #fff;}
.manu img {max-width: 100%;width: 100%;transition:.3s all;}
.showroom-container .manu img {filter: brightness(0) invert(1);opacity: .5;}
.showroom-container .manu:hover img {opacity: 1;}
.testimonial-section .slick-track{display: flex !important;}
.testimonial-section .slick-slide{height: inherit !important;background: #fff;}
/*---SERVICE PAGE---*/
.flex-pg {gap: 5%;}
.two-third {flex: 2;}
.one-third{flex: 1;}
.one-third img {max-width: 100%;width: 100%;}
.opacity-half {opacity: .15;}
.location-pg {margin-top: 30px;justify-content: space-between;    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;}
.location-side,.map-side {flex-basis: 50%;}
.location-side {padding: 30px;}
.location-side hr {margin: 30px 0;}
.map-side iframe {position: absolute;top:0;left:0;right:0;bottom:0;}
.location-holder {display: flex;justify-content: space-between;}
.location-buttons {min-width: 250px;display: flex;flex-direction: column;gap: 10px;justify-content: space-between;}
.mobile-tel {display: none !important;}
.location-buttons button {width: 100%;border-radius: 0 !important;}
.hour-wrap p {display: flex;justify-content: space-between;gap: 30px;padding: 5px 10px;}
p.off-white {background: #eee;}
.location-txt h2 {text-transform: uppercase;font-size: 20px;margin-bottom: 10px;}

.btn-gap {display:flex;flex-direction: column;gap: 10px;}
/*---RENTAL PAGE---*/

.white-box ul {}
.white-box {background: #fff;padding: 15px;border: 1px solid #e8e8e8;}
ul.check-list li::Before {content: "\f14a";font-weight: 900;font-family: "Font Awesome 6 Free";margin-right:8px;color:#333;line-height: 2;}
.page-break {background-image:url("/siteart/topography.png")}
.grid-rents{margin: 40px 0;}
.grid-rents,.financing-wrap {grid-template-columns: repeat(4, 1fr);gap: 15px;}
.grid-parts img {max-width: 100%;width:100%;}
.grid-rents span {display: flex;align-items: center;justify-content: center; background: #fff;position:relative;padding: 40px;box-sizing: border-box;font-size: 18px;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.grid-rents .red-box {height: 20px;width: 20px;color: #fff;left: 0 !important;}
#request {scroll-margin-top: 150px;}
.financing-wrap h2 {color: #000;font-size: 18px;}
/*---STAFF PAGE---*/
.staff-section h2,.staff-section h3 {text-transform: uppercase;
    margin-bottom: 10px;}
.staff-section h2 {font-size: 28px;font-weight: 800;}
.staff-section h3 {font-size: 20px !important;letter-spacing: 1px;font-weight: 600;}
.staff-section hr {margin: 3% 0;}
.grid-employees {grid-template-columns: repeat(4, 1fr);gap: 40px;}
.grid-employees span {border: 1px solid #e8e8e8;display: flex;}
.employee-title {width: 90%;margin: 0 auto;padding:10px 0 0;bottom: 0;color: #000;text-align: center;}
.employee img {width: 100%;max-width: 100%;}
.employee-title h4 {text-transform: uppercase;font-size: 16px;font-weight: 600;}
.employee{border-radius: 5px;overflow: hidden !important;}
.employee span:after{content: '';width: 0;height: 0;border-style: solid;border-width: 0 30px 30px 0;border-color: transparent #d22027 transparent transparent;right: 0;top: 0;position: absolute;}
/*---CAREER--*/
.career-third .location-side {padding: 15px !important;}
a.phone-area {display: inline-block;color: #000;margin: 10px 0;}
a.phone-area:before {content: '\f095';font-family: "Font Awesome 6 Free";margin-right: 5px;font-weight: 900;color: #d22027;}
.career-third .location-holder {display: block;}
.flex-career {gap: 30px;margin-top:10px;}
.career-box {flex: 1;padding: 30px;background: linear-gradient(207deg, rgba(254,254,254,0.5) 0%, rgba(254,254,254,0.5) 100%),url(/siteart/topography.png);text-align: center;position: relative;padding-top: 75px;border: 1px solid #e8e8e8;}
.career-box .red-box {position: absolute;background: #d22027;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;top: 0;color: #fff;font-size: 18px;left: 50%;transform: translate(-50%, 0%);padding: 10px;}
.career-box h2 {font-size: 22px !important;font-weight: 700 !important;letter-spacing: 2px !important;}

.career-pg h3 {text-transform: uppercase;font-size: 24px;margin-bottom: 10px;font-weight: 800;}
.career-pg h3 .smalltxt {font-size: 16px;}
/*--------BUTTON STYLES--------------------*/
.flex-container.blog-post {padding: 30px;background: #fff;border: 1px solid #eeee;margin-bottom: 20px;scroll-margin-top: 10em !important;}
.blog-img img {height: 100%;width: 100%;object-fit:cover;object-position: center center;max-height: 250px;}
.blog-img {flex: 1;}
.blognav-wrapper {width: 100%;}
.blognav-wrapper select {-webkit-appearance: none;-moz-appearance: none;color: #333;font-family: ff-good-web-pro, sans-serif !important;font-size: 16px;line-height: 1.5;padding: 3px;background: none;margin-bottom: 10px;padding: 5px;border-radius: 3px;border: none !important;cursor: pointer;text-decoration: underline;font-weight: 900;}
p.date {display: block;padding: 10px 0;font-weight: 600;}
.blog-details {flex: 2;padding:0 30px;}
.blog-wrap {background: #ffff;padding: 30px;box-sizing: content-box;border: 1px solid #eeee;}
.blog-wrap a {color: #000;transition:.3s all;text-decoration: underline;}
.blog-wrap a:hover {text-decoration: none;}
.blog-wrap h2 {font-size: 18px;margin-bottom: 5px;}
.blog-wrap h3 {text-transform: uppercase;margin-bottom: 5px;font-weight:700;font-size:18px;}
.blog-pg ul {list-style: disc;padding-inline-start: 20px;margin-top: 10px;}
.blog-pg ul li {margin-bottom: 15px;}
/*--------BUTTON STYLES--------------------*/
.button-wrap {display: flex;gap: 30px;}
.hero .button-wrap {justify-content: flex-end;margin-top: 30px;}
button.red-btn {background:#d22027;border-radius: 4px;border: 1px solid #d22027; color: #fff;font-size: 16px;letter-spacing: 1px;font-weight: 600;cursor:pointer;transition:.3s all;padding: 15px;font-family: ff-good-web-pro, sans-serif !important;}
button.black-btn {background:#000;border-radius: 4px;border: 1px solid #000; color: #fff;font-size: 16px;letter-spacing: 1px;font-weight: 600;cursor:pointer;transition:.3s all;padding: 15px;font-family: ff-good-web-pro, sans-serif !important;}
button.link-btn {background: transparent;font-size: 16px;letter-spacing: 1px;font-weight: 600;cursor:pointer;transition:.3s all;padding: 15px 0;font-family: ff-good-web-pro, sans-serif !important;border: none;}
button.link-btn:before:hover {color: #000 !important;}
button.link-btn:before {content:'\f138';font-family: "Font Awesome 6 Free";margin-right: 5px;font-weight: 900;}
button.link-btn.backarrow:before {content:'\f137';}
button.red-btn:hover {background:#99171C;border-color:#99171C;}
button.black-btn:hover {background:#333;border-color:#333;}
.main-header button.red-btn{text-transform: uppercase;font-family: graphie, sans-serif !important;padding: 15px 30px;}
.hero button.link-btn {color: #fff;}
.home-txt button.link-btn,.home-txt button.link-btn:before {color:#d22027}
.grey-btn {background: #000;border-radius: 4px;border: 1px solid #000;color: #fff;font-size: 16px;letter-spacing: 1px;font-weight: 600;cursor: pointer;transition: .3s all;padding: 15px;font-family: ff-good-web-pro, sans-serif !important;}
.location-holder a.tel-location {font-size: 20px;color: #000;text-align: right;font-weight: 900 !important;letter-spacing: 1px;}
.location-area #block {display: block;}
/*-------- FOOTER STYLES ----------------*/
footer{background:#000;color: #fff; }
.foot-logo img {filter: brightness(0) invert(1);max-width: 100%;width: 150px;}
.top-footer,.bottom-footer {justify-content: space-between;padding: 30px 0;}
.top-footer {border-bottom: 1px solid rgba(238,238,238,0.25);align-items: center;}
.foot-location,.foot-location a {color:#fff;text-transform: uppercase;font-size: 16px;font-family: graphie, sans-serif !important;transition:.3s all;}
.foot-location span {display: block;font-weight: 700;font-family: graphie, sans-serif !important;letter-spacing: 1px;}
.foot-location a{font-weight: 500 !important;font-family: graphie, sans-serif !important;letter-spacing: 0 !important;}
.bottom-footer {align-items: baseline;}
.foot-nav {display: flex;gap: 30px;}
.foot-nav a {transition:.3s all;}
.foot-nav a:hover {opacity: .5;}
p.col-title {font-weight: 700;font-family: graphie, sans-serif !important;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;}
ul.foot-nav li a{color: #fff;font-family: ff-good-web-pro, sans-serif !important;line-height: 2;font-size: 15px;}
.social-foot {display: flex;gap: 10px;}
.social-foot a:hover,.foot-location a:hover {color:#d22027}
.foot-logo a {display: inline-block;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .sticky-top-menu {border-top:1px solid #eee !important;top: 80px !important;}
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {-moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.list-content .list-main-section,.faceted-search-content .selected-facets-container,.faceted-search-content .faceted-search__main-section {background: #fff !important;}
.list-top-section .list-title .list-title-text,.faceted-search-content .faceted-section-head .faceted-section-title,.list-content .media-buttons .print-this, .list-content .media-buttons .email-this,.list-content .price-container .price {    font-family: graphie, sans-serif !important;}
.faceted-search-content .selected-facets-container .selected-facet,.list-content .spec-label, .list-content .dealer-data,.list-content .spec-value,.list-content .listing-description {    font-family: ff-good-web-pro, sans-serif !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}
.list-content .list-error-container .info .selected-facet {    background-color: transparent !important;border: none !important;}
.list-content .list-error-container .info .selected-facet button {
    padding: 5px !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 14px !important;
}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#d22027 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a,.list-content .list-error-container .info button:not(.login-button) {background:#d22027 !important;border: solid 1px #d22027 !important; transition: ease all 0.2s !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #99171C !important; color: #fff !important;border: solid 1px #99171C !important }

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}
.list-content .list-error-container .info .selected-facet button {
    padding: 5px !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 14px !important;border: NONE !IMPORTANT;
}
.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
.location-option h4 {
		font-size: 18px;}
	.location-option a {font-size: 15px !important;}
	.location-option {padding: 15px;padding-top: 75px;}
	
}
@media only screen and (max-width: 1300px) {
	.hero-txt h1 {font-size: 32px;}
	.hero-slider .slick-slide {height: 35vh;}
	.location-buttons {min-width: auto !important;}
	.grid-rents span {font-size: 16px;padding: 30px;}
	.grid-rents,.grid-employees {grid-template-columns: repeat(3, 1fr);}
	
}

@media only screen and (max-width: 1200px) {
	.grid-cats,.location-wrap.flex-container {gap: 15px;}
	.red-box {width:25px;height:25px;}
	.hero-wrap{max-width: 90%;margin: 0 auto;}
	.cat {padding: 15px;}
	.catwrap h2 {font-size: 18px;}
	span.smalltxt {font-size: 16px;}
	.home-txt .text-wrap h2 {font-size: 28px;}
	.location-option {padding: 15px;padding-top: 60px;}
	.flex-map {flex-wrap:wrap-reverse;}
	.map-half, .location-half {flex-basis: 100%;}
	.location-pg {flex-wrap:wrap;}
	.location-side,.map-side{flex-basis:100%;}
	.location-holder {gap: 15%;}
	.location-txt,.location-buttons {flex: 1;}
	.financing-wrap{grid-template-columns: repeat(3, 1fr);}
	.map-side {height: 400px !important;}
	}
@media only screen and (max-width: 1150px) {
	.navwrap {display: none !important;}
	.contact-head {display: none;}
	.catwrap .link-btn {font-size: 15px !important;}
}
@media only screen and (max-width: 990px) {
	.foot-location p,.foot-location a {font-size: 14px !important;}
	.half-page.home-img {display: none;}

	.half-page{flex-basis: 100%;}
	.text-wrap {
    padding: 0;
}
	.ind-manu-wrap {
		grid-template-columns: repeat(2, 1fr); }
	
	.grid-cats,.grid-rents {grid-template-columns: repeat(2, 1fr);}
	.flex-container.blog-post {max-height: 100% !important;}
	.attach-wrap {
    grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width:850px) {
	.top-footer, .bottom-footer{flex-wrap:wrap;}
	.top-footer,.manu-wrap.grid-container {gap: 15px;}
	.foot-logo {flex-basis: 100%;}
	.bottom-footer {gap: 30px;}
	.foot-col { flex-basis: 40%;flex-grow: 1;}
	.foot-location {flex-basis: 25%;}
	.one-third {display: none;}
	.location-holder {gap: 10%;}
	.rentals {flex-wrap:wrap;gap: 40px;}
	.rentals .one-third,.rentals .two-third {display: block; flex-basis: 100%;}
	.grid-employees,.financing-wrap{grid-template-columns: repeat(2, 1fr);}
	.flex-container.blog-post{flex-wrap:wrap;gap: 15px;}
	.blog-img,.blog-details {flex-basis: 100%;}
	.blog-img {height: 200px}
	.blog-details {padding: 0 !important;}
	.blog-details h2 {font-size: 18px;}
}

@media only screen and (max-width:786px) {
	.inventory-pg footer {padding-bottom: 80px;}	
}
@media only screen and (max-width:767px) {
	.catwrap p {display: none;}
	.catwrap a {position: unset;}
	.hero-txt h1 {font-size: 28px;}
	.hero-slider .slick-slide{min-height: 450px;}
	.location-holder { gap: 5%;}
	.grid-rents {grid-template-columns: repeat(1, 1fr);}
}

@media only screen and (max-width:620px) {
	.manu-wrap.grid-container {grid-template-columns: repeat(2, 1fr);}
	.location-wrap.flex-container {flex-wrap:wrap;}
	.location-option {flex-basis: 100%;}
	.location-holder{flex-wrap:wrap;gap: 20px;}
	.location-txt,.location-buttons {flex-basis: 100%;}
	.desktop-tel{display: none !important;}
	.mobile-tel {display: block !important;text-align: left !important;margin: 10px 0 !important; font-size: 18px !important;}
	a.location-area #block {display:inline !important;}
	.ind-manu-wrap,.grid-employees,.financing-wrap {grid-template-columns: repeat(1, 1fr);}
	.ind-manu-wrap .manu img, .attach-wrap .manu img {max-height: fit-content !important;height: auto !important;width: 100% !important;max-width: 300px;}
	.blog-wrap img {max-width: 100%;width: 100%;}
	.blog-wrap h1 {font-size: 22px !important;}
		.attach-wrap {
    grid-template-columns: repeat(2, 1fr);
	}
	.attach-wrap .manu img {margin: 0;}
}
@media only screen and (max-width:510px) {
	.top-footer, .bottom-footer {text-align: center;}
	.foot-col,.foot-nav span {flex-basis: 100%;}
	.foot-nav {flex-wrap:wrap;gap: 0}
	.social-foot {justify-content: center;}    
	.foot-location {flex-basis: 100%;}    
	.grid-cats {grid-template-columns: repeat(1, 1fr);}
	.button-wrap{flex-wrap:wrap;}
	.home-txt .text-wrap h2,.location-half h3, .testimonial-section h2, .manu-wid h2{font-size: 22px;}
	span.smalltxt {font-size: 14px;}
	.flex-career {flex-wrap:wrap;}
	.career-box {flex-basis: 100% !important;}
	.career-box h2 {font-size: 18px !important;}
	
	
}

@media only screen and (max-width:390px) {
	.flex-top{flex-wrap:wrap;justify-content: center;gap: 10px !important;}
	.flex-top div,form.location-select {flex-basis: 100%;justify-content: center;}
	.flex-top select {width: 100%;}
	.head-social {order: -1}
	.manu-wrap.grid-container {grid-template-columns: repeat(1, 1fr);}
	    .hero-txt h1 {
        font-size: 24px;
    }
	.location-side {
    padding: 15px;
}
	.page-wid h1 {padding-left: 10px;font-size: 28px;margin-bottom: 15px;}
		.attach-wrap {
    grid-template-columns: repeat(1, 1fr);
	}
}





