/* Set viewport width: 525 */
/* Set separate viewport width for font-size and line-height: 1300 */
/* Theme Name: www.gmwjcb.com Theme URI: https://sandhills.com Author: Sandhills Author URI: https://sandhills.com Description: Sandhills default template. Version: 1.0 Text Domain: sandhills Tags: Sandhills default */
/*-------------------------------------------------------------- ## Primary Styles --------------------------------------------------------------*/
html,
body {
	height: 100%;
	width: 100%;
}

.row>* {
	padding-left: calc(var(--bs-gutter-x) * 0.0);
	padding-right: calc(var(--bs-gutter-x) * 0.0);
}

a {text-decoration: none !important;}

/*-------- COLORS --------*/
:root {
	/* All text that appears outside of the colored boxes, background for the colored boxes */
	--neutral1: #FFFFFF;
	/* Insurance/Financing buttons */
	--secondary1: #BCBCBC;
	/* Some titles, some buttons */
	--primary: #F9B101;
	/* Background color for hover states, text color for hover states */
	--secondary2: #242424;
	--secondary3: #404040;
	/* Background color, all text appearing within the colored boxes */
	--neutral2: #000;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}

.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	padding-top: max(7px, 1.30208vw);
	height: 0;
}

.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Class for Google Map widget */
.google_map {
	width: 100%;
	min-height: 58vh;
}

.navbar-default {
	background-color: transparent !important;
	border-color: transparent !important;
}

.navbar {
	min-height: auto !important;
	margin-bottom: 0 !important;
}

.navigation-top {
	width: 100%;
}

.menu li {
	width: auto !important;
	padding-right: 6%;
	display: inline-block;
}

.menu li:last-child {
	padding-right: 0 !important;
}

.menu li>a {
	color: #000;
	font-size: 1.5em;
}

.dropdown-menu {
	background-color: rgba(0, 0, 0, 0.7);
	color: orange;
	border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
	font-size: max(12px, 0.9375vw);
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #e68a24;
}

.dropdown-menu:not(.head-list)>li>a {
	color: #000;
	font-size: 16px;
	font-size: max(11px, 0.83333vw);
	font-weight: 400;
}

.dropdown-menu:not(.head-list)>li>a:hover {
	background-color: #e68a24;
	transition: linear 0.2s;
}

/*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}

/*-------------------------------------------------------------- ## Body --------------------------------------------------------------*/

.new-header {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	height: 58px;
	margin-bottom: 25px;
}

.header-list {
	height: 58px;
	display: flex;
	align-items: flex-start;
}

.header-list ul {
	height: 58px;
}

.header-list li {
	padding: 16px 0px;
}

.header-list > li:last-child {
	padding: 0px;
	height: 100%;
}

.header-list li a {
	font-family: "neusa-next-std", sans-serif; 
	color: #fff; 
	font-weight: bold; 
	font-size: 17px; 
	line-height: 27px;
	letter-spacing: 0.10em !important;
	background: #000;
	padding: 16px 20px;
}

.header-list li a icon {
	font-size: max(16px, 0.88542vw) !important;
}

.header-list .header-search {
	background: #000;
	padding: 0px 20px;
	height: 100%;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 1650px) {
	.header-list span {display: none;}
}


.header-search input {
	background: none;
	border: none;
	width: 100px;
}

.header-search input::placeholder {
	font-family: "neusa-next-std", sans-serif; 
	color: #fff; 
	font-weight: bold; 
	font-size: 17px !important; 
	line-height: 27px !important;
	letter-spacing: 0.10em !important;
}

.header-search button {
	background: none;
	border: none;
	color: #fff;
	font-size: max(16px, 0.88542vw) !important;
}

.header-logo {
	width: 300px !important;
}

.mainp:not(.container.body-content *) {
	padding: 185px 345px 280px;
	padding: max(51px, 9.63542vw) max(54px, 17.96875vw) max(267px, 14.58333vw);
	text-align: center;
}

p:not(.container.body-content *),
.mainp,
.surroundcf ul,
.jobdescription ul{
	font-family: "neusa-next-std", sans-serif;
	font-weight: normal;
	font-size: 20px;
	font-size: max(14px, 1.04167vw);
	letter-spacing: 0.17em;
	line-height: 45px;
	line-height: max(30px, 2.34375vw);
}

.mainp,
nav ul li a,
#foot ul li a{
	font-family: "neusa-next-std", sans-serif;
}

#foot ul li a {
	padding-left: 0;
}

h1:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *),
h2:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *),
h3:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *),
h4:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *),
h5:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *),
h6:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif !important;
	text-transform: uppercase;
}

h4.panel-title {
	color: var(--secondary3);
}

.panel-heading {
	height: 70px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	background: var(--primary) !important;
}

h1:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif;
	font-weight: bold;
	font-size: 52px;
	font-size: max(35px, 2.70833vw);
	letter-spacing: 0.13em;
	line-height: 75px;
	line-height: max(51px, 3.90625vw);
}

h2:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif;
	font-weight: bold;
	font-size: 42px;
	font-size: max(28px, 2.1875vw);
	letter-spacing: 0.17em;
}

h3:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif;
	font-weight: bold;
	font-size: 55px;
	font-size: max(37px, 2.86458vw);
	letter-spacing: 0.06em;
	line-height: 66px;
	line-height: max(45px, 3.4375vw);
}

.slick-dots {
	display: none !important;
}

h3 span:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "neusa-next-std", sans-serif;
	font-weight: normal;
	font-size: 16px !important;
	font-size: max(11px, 0.83333vw) !important;
	letter-spacing: 0.17em !important;
}

h4:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif;
	font-weight: bold;
	font-size: 27px;
	font-size: max(18px, 1.40625vw);
	letter-spacing: 0.13em;
}

h5:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "Neusa Next Std";
	font-weight: normal;
	font-size: 21px;
	font-size: max(14px, 1.09375vw);
	letter-spacing: 0.32em;
}

h6:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="shEditor"]):not([class*="shEditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(div[class*="mercury"] *):not(.sheditor_modal *):not(.sheditor_modal):not(.sheditor_modal *):not(.sheditor_modal):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.container.body-content *) {
	font-family: "atrament-web", sans-serif;
	font-weight: bold !important;
	font-size: 36px !important;
	font-size: max(24px, 1.875vw) !important;
	letter-spacing: 0.08em !important;
}

.surroundcf {
	padding: 185px 345px 280px;
	padding: max(51px, 9.63542vw) max(54px, 17.96875vw) max(207px, 14.58333vw);
}

.live-flex {display: flex; justify-content: space-between; gap: 12px; margin-top: 100px;}

@media only screen and (max-width: 900px) {
	.live-flex {flex-wrap: wrap;}
}

.form-style {
	padding: 185px 345px 280px;
	padding: max(51px, 9.63542vw) max(54px, 17.96875vw) max(207px, 14.58333vw);
	padding-top: 20px !important;
	width: 65% !important; 
	margin: 0 auto;
}

/* FORMS  */
.sheditor_form-group .form-control {
	background: transparent;
	border: 1px solid;
	font-weight: normal;
	font-size: 16px;
	font-size: max(11px, 0.83333vw);
	letter-spacing: 0.17em;
	text-align: left;
	text-transform: uppercase;
	padding: 30px 45px 30px;
	padding: max(8px, 1.0625vw) max(12px, 2.34375vw) max(8px, 1.0625vw);
}

.signup .sheditor_form-group .form-control {
	color: #fff;
	border-color: white;
}

div#header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--primary);
	box-shadow: 0px 0px 69px rgba(255, 255, 255, 0.38);
	box-shadow: 0px 0px max(19px, 3.59375vw) rgba(255, 255, 255, 0.38);
	z-index: 1;
}

.clear {
	clear: both;
}

/***** Start of primary nav ******/
#menu-button {
	display: none;
}

nav.mobile {
	display: none;
}

nav.primary {
	padding: 0;
	display: block;
	margin: 0;
	width: 100%;
	position: relative;
	padding-right: 10px;
	padding-right: max(3px, 0.52083vw);
}

nav.primary ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

nav.primary ul li {
	display: inline-block;
	margin: 0;
	list-style-type: none;
}

nav.primary ul li a {
	text-transform: uppercase;
	padding: 24px 32.5px;
	padding: max(7px, 1.25vw) max(9px, 0.19271vw);
	display: block;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px !important;
	font-size: max(12px, 0.88542vw) !important;
	letter-spacing: 0.17em !important;
	color: var(--neutral2);
}

nav.primary ul li a:hover {
	background-color: #E0E0E0;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
	font-size: 15px;
	font-size: max(10px, 0.78125vw);
	line-height: 18px;
	line-height: max(12px, 0.9375vw);
	padding: 5px 0 5px 20px;
	padding: max(1px, 0.26042vw) 0 max(1px, 0.26042vw) max(5px, 1.04167vw);
	text-align: left;
	border-right: none;
	border-left: none;
	background: #fff;
	border-bottom: #0a2737 solid 1px;
	color: #0a2737 !important;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	font-size: max(12px, 0.9375vw);
}

/* Appearance of the sub-level links on hover */
nav.primary ul li li a:hover {
	color: #b3c618;
}

/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
	display: none;
	position: absolute;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px max(1px, 0.20833vw) rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px max(1px, 0.20833vw) rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px max(1px, 0.20833vw) rgba(0, 0, 0, 0.2);
}

nav.primary ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

nav.primary ul li:hover>ul {
	display: block;
	line-height: 18px;
	line-height: max(12px, 0.9375vw);
	z-index: 100;
}

nav.primary ul ul li {
	float: none;
	width: 310px;
	width: max(85px, 16.14583vw);
	position: relative;
	margin: 0;
	display: block;
}

a {
	text-decoration: none;
	color: #7a878e;
	outline: 0;
}

/******** Nav Resets ***************/
i.fas.fa-angle-down {
	padding-left: 3px;
	padding-left: max(1px, 0.15625vw);
	padding-top: 3px;
	padding-top: max(1px, 0.15625vw);
}

/******** End of primary Nav ***************/
@media screen and (max-width: 1480px) {
	.new-header {padding: 0px; gap: 5px;}
}
@media only screen and (max-width: 1550px) {
	.header-list .header-search, .header-list li a {font-size: 16px; line-height: 26px;}
	.header-list .header-search input {font-size: 16px !important; line-height: 26px;}
}

@media only screen and (max-width: 1500px) {
	.header-list .header-search, .header-list li a {font-size: 15px; line-height: 25px;}
	.header-list .header-search input {font-size: 15px !important; line-height: 25px;}
}

@media only screen and (max-width: 1400px) {
	.header-list .header-search, .header-list li a {font-size: 14px; line-height: 24px;}
	.header-list .header-search input {font-size: 14px !important; line-height: 24px;}
}

@media only screen and (max-width: 1360px) {
	nav.primary ul li a {padding: 17.5px 18px;}
}

@media only screen and (max-width: 1360px) {
	.header-list li a, .header-list .header-search {padding: 0 18px;}
}

@media only screen and (max-width: 1320px) {
	.header-list .header-search, .header-list li a {font-size: 13px; line-height: 23px;}
	.header-list .header-search input {font-size: 13px !important; line-height: 23px;}
}

@media only screen and (max-width: 1300px) {
	.header-list li a, .header-list .header-search {padding: 0 15px;}
}

@media screen and (max-width: 1296px) {
	nav.primary ul li a {
		padding: 1.2vw 5px;
		font-size: 11px !important;
	}
}

@media only screen and (max-width: 1250px) {
	.header-list li a, .header-list .header-search {padding: 0 12px;}
}

@media only screen and (max-width: 1180px) {
	.headerrighttop ul > li:first-child, .headerrighttop ul > li:nth-child(2), .headerrighttop ul > li:nth-child(3), .headerrighttop ul > li:nth-child(4) {display: none;}
}

@media screen and (max-width: 757px) {
	#hdlogoID {
		max-width: 202px;
	}
}

@media screen and (max-width: 575px) {
	#hdlogoID {
		max-width: 122px;
	}
}

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

	/*============================== Mobile Nav Styles ================================*/
	nav.primary {
		display: none;
	}

	#menu-button {
		width: 40%;
		display: flex;
		justify-content: center;
		font-size: 24px;
		position: relative;
		line-height: 40px;
		z-index: 1000;
		/* needs to be lower than nav.mobile, adjust as needed */
		text-align: right;
		background: #F9B101;
		font-family: "neusa-next-std", sans-serif;
		text-transform: uppercase;
		padding: 9px 0;
	}
	
	@media only screen and (max-width: 1300px) {
		#menu-button {width: 35% !important;}
	}
	
	@media only screen and (max-width: 1200px) {
		#menu-button {width: 30% !important;}
	}
	
	@media only screen and (max-width: 1100px) {
		#menu-button {width: 25% !important;}
	}
	
	@media only screen and (max-width: 1050px) {
		#menu-button {width: 25% !important;}
		.headerrighttop ul > li:first-child, .headerrighttop ul > li:nth-child(2), .headerrighttop ul > li:nth-child(3), .headerrighttop ul > li:nth-child(4) {display: none;}
	}
	
	@media only screen and (max-width: 757px) {
		.new-header {flex-wrap: wrap !important; padding: 0px; margin-bottom: 77px !important; justify-content: center !important;}
		#menu-button {width: 100% !important;}
		.headerrighttop {display: none;}
		.header-logo {display: flex; justify-content: center; padding-top: 5px !important;}
	}

	#menu-button a {
		color: #0a2737;
		text-decoration: none;
		font-weight: normal;
		text-align: left;
		font-weight: 600;
	}

	.menu-toggle span {
		font-size: 20px;
	}

	nav.mobile {
		display: block;
		position: fixed;
		text-align: left;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #000;
		z-index: 1001;
		/* needs to be higher than #menu-button, adjust as needed */
		overflow: auto;
	}

	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: relative;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		word-spacing: 13px;
		padding: 0 0 0 15px;
		color: #0a2737 !important;
	}

	nav.mobile .social-media a:link,
	nav.mobile .social-media a:visited {
		color: #2383b7;
		text-decoration: none;
	}

	nav.mobile .social-media a:hover,
	nav.mobile .social-media a:active {
		color: #0a2737;
		;
		text-decoration: underline;
	}

	.mobiletitle {
		padding-left: 20px;
		color: #0a2737;
	}

	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display: block;
		padding: 0;
		margin: 50px 0 10px 0;
		/*margin:40px 0 10px 0;*/
		color: #999;
		font-size: 18px;
		font-weight: 400;
	}

	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {
		position: absolute;
		padding: 3px 8px 3px;
		font-family: Arial, sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		top: -4px;
		/*top:-35px;*/
		right: 13px;
	}

	nav.mobile .menu-toggle:hover {
		/* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin: 0;
		padding: 0;
	}

	nav.mobile ul li {
		border-top: 1px solid #454545;
		border-bottom: 1px solid #151515;
		position: relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		position: relative;
		display: block;
		font-size: 14px;
		padding: 10px 10px 10px 15px;
		color: #fff;
		text-decoration: none;
		font-family: "neusa-next-std", sans-serif;
	}
	
	nav.mobile ul li a i {margin-top: 15px; margin-right: 10px;}

	nav.mobile ul li a:hover {
		background: rgba(45, 45, 45, 0.5);
		color: #fff;
		/* border highlight - Change to fit match site colors */
	}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {
		border: none;
	}

	nav.mobile ul li li a {
		background: rgba(45, 45, 45, 0.5);
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		color: #fff;
		text-decoration: none;
	}

	nav.mobile ul li li a:hover {
		background: rgba(65, 65, 65, 0.5);
	}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {
		border: none;
	}

	nav.mobile ul li li li a {
		background: #555;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left: 4px #555 solid;
	}

	nav.mobile ul li li li a:hover {
		background: rgba(85, 85, 85, 0.5);
	}

	/* FOURTH LEVEL */
	nav.mobile ul li li li li:last-child {
		border: none;
	}

	nav.mobile ul li li li li a {
		background: #777;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left: 4px #555 solid;
	}

	nav.mobile ul li li li li a:hover {
		background: rgba(85, 85, 85, 0.5);
	}

	nav.mobile ul li .click {
		/* dropdown menu idicator arrow be sure to include this image with your image files */
		/*position:absolute; display:block; cursor:pointer; z-index: 12399994; top:0; right:0; width:auto; height:auto; padding: 17px 20px; color:#fff;*/
	}

	.nav-footer {
		color: #277eab;
		position: relative;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		padding: 15px 0;
	}

	/* FONT AWESOME ICONS */
	nav.mobile ul li a .fa {
		width: 25px;
		font-weight: 100;
		padding: 8px 3px;
		margin: 0 6px 0 0;
		text-align: center;
		background: #292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}

	nav.mobile ul li .fa-chevron-down {
		color: #999;
	}

	.more {
		position: absolute;
		right: 5%;
	}

	.mobilefooterlogo {
		text-align: center;
		margin: 0 auto;
		transform: scale(0.9);
	}
}

@media screen and (max-width: 1100px) {
	.site .container-fluid .row .headerleft img.img-fluid {
		max-width: max(40px, 7vw) !important;
	}
}

@media screen and (max-width: 500px) {
	#menu-button {
		text-align: center;
	}
}

/* Hide the desktop menu item icons */
.primary li>i {
	display: none;
}

/* Position the mobile menu item icons */
.mobile li i {
	position: absolute;
	font-size: 18px;
	font-size: max(12px, 0.9375vw);
	background: #222;
	color: #999;
	right: 13px;
	right: max(4px, 0.67708vw);
	top: 4px !important;
	top: max(1px, 0.20833vw) !important;
	padding: 0 !important;
	width: 27px;
	width: max(7px, 1.40625vw);
	height: 27px;
	height: max(7px, 1.40625vw);
	display: flex;
	align-items: center;
	justify-content: center;
}

.topctas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--primary);
	padding: 100px 125px 70px 45px;
	padding: max(27px, 5.20833vw) max(34px, 6.51042vw) max(19px, 3.64583vw) max(12px, 2.34375vw);
}

.quicklinks {
	display: flex;
	margin-right: 75px;
	margin-right: max(21px, 3.90625vw);
}

.quicklinks img {
	height: 100%;
	object-fit: contain;
	width: 230px;
	width: max(103px, 11.97917vw);
}

.quicklinks a {
	background: var(--secondary2);
	color: var(--neutral1);
	height: 306px;
	height: max(84px, 15.9375vw);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	height: 305px;
	height: max(83px, 15.88542vw);
	width: 305px;
	width: max(83px, 15.88542vw);
	padding-bottom: 10px;
	padding-bottom: max(3px, 0.52083vw);
}

.quicklinks a:nth-child(odd) {
	background: var(--secondary3);
}

.ctasection {
	display: flex;
}

.ctasection a {
	width: 50%;
	position: relative;
	overflow: hidden;
	display: flex;
	height: 460px;
	height: max(306px, 23.95833vw);
	align-items: center;
	justify-content: center;
}

.ctasection a:before {
	z-index: 0;
	content: '';
	background: black;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}

.ctasection a .ctaleft {
	z-index: 1;
	position: relative;
}

.ctaleft h5 {
	padding: 13px 110px 13px 40px;
	padding: max(4px, 0.67708vw) max(30px, 5.72917vw) max(4px, 0.67708vw) max(11px, 2.08333vw);
	margin-top: -10px;
	margin-top: min(-3px, -0.52083vw);
}

.ctasection a .ctaleft h2 {
	padding: 11px 140px 11px 60px;
	padding: max(3px, 0.57292vw) max(38px, 7.29167vw) max(3px, 0.57292vw) max(16px, 3.125vw);
}

.ctasection img:not(.bgimage) {
	z-index: 2 !important;
	position: relative;
	width: 315px;
	width: max(166px, 16.40625vw);
	object-fit: contain;
	margin-left: -175px;
	margin-left: min(-78px, -9.11458vw);
}

.bgimage {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ctasection a .ctaleft h2 {
	background: var(--secondary2);
	color: var(--neutral1);
}

.ctasection a .ctaleft h5 {
	background: var(--secondary3);
	color: var(--neutral1);
}

.career-imgs {
	display: flex; 
	gap: 5px; 
	align-items: flex-start; 
	margin-top: 20px;
}
.career-imgs div {
	width: 100% !important;
}
.career-imgs img {
	width: 100% !important;
}

@media only screen and (max-width: 750px) {
	.career-imgs {
		flex-wrap: wrap;
		justify-content: center !important;
	}
	.career-imgs div {
		text-align: center !important;
	}
}

.contact-flex {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.contact-flex ul {
	width: 100% !important;
}
.contact-flex > div {
	width: 100% !important;
}

@media only screen and (max-width: 800px) {
	.contact-flex {
		flex-wrap: wrap;
	}
}

.financing-flex {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.financing-flex > div {
	width: 100%;
}

@media only screen and (max-width: 800px) {
	.financing-flex {
		flex-wrap: wrap;
	}
}

#foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 190px 160px 180px 190px !important;
	padding: max(52px, 9.89583vw) max(44px, 8.33333vw) max(49px, 9.375vw) max(52px, 9.89583vw) !important;
}

.footerstuffleft *,
.footerright * {
	font-weight: normal;
	font-size: 16px !important;
	font-size: max(11px, 0.83333vw) !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase;
	color: var(--neutral2);
}

.footerstuffleft ul {
	padding-left: 0px;
	margin-top: 30px;
}

.footerstuffleft li {
	list-style: none;
}

#foot ul#menu-primary {
	column-count: 2;
	float: none !important;
	width: 20vw;
}

#foot ul#menu-primary li a {
	line-height: 1.3em;
}

#foot ul#menu-primary li a:hover {
	background: none;
}

#foot ul#menu-primary * {
	width: unset;
}

#foot img.img-responsive.shEditorInsertImage {
	width: 285px !important;
	width: max(248px, 14.84375vw) !important;
}

.footer-wrap {
	width: 95%; 
	margin: 0 auto; 
	padding: 50px 0 20px 0; 
	display: flex; 
	justify-content: space-between; 
	align-items: flex-end;
}

.footerleft ul {
	margin-top: 80px !important;
	margin-bottom: 100px !important;
	display: block !important;
}

.footerleft ul li {
	margin-bottom: 5px;
	text-align: left !important;
}

.footerleft ul li a {
	color: #fff !important;
	font-family: "neusa-next-std", sans-serif;
	font-size: 17px !important;
	line-height: 27px !important;
	text-transform: uppercase;
	font-weight: bold !important;
}

.footerleft ul li a:hover {
	color: #FFAA01 !important;
}

.footerright {
	display: flex; 
	gap: 10px; 
	align-items: center;
}

.footerright a icon {
	color: #FFAA01 !important;
	font-size: 25px !important;
}

#foot h6 {
	padding-bottom: 30px;
	padding-bottom: max(8px, 1.5625vw);
}

@media only screen and (max-width: 350px) {
	.footer-wrap {flex-wrap: wrap;}
}

/*
.footerstuffleft {
	display: flex;
	justify-content: space-between;
	width: 100%;
	width: 1020px;
	width: max(279px, 53.125vw);
}
*/

.prefabInlineStylessandhills_file-10,
.prefabInlineStylessandhills_file-9 {
	display: none;
}

#notifications {
	display: none;
}

.signup {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	background: var(--secondary3);
	color: var(--neutral1);
	height: 375px;
	height: max(103px, 19.53125vw);
	padding-bottom: 90px;
	padding-bottom: max(25px, 4.6875vw);
}

.signupright {
	width: 575px;
	width: max(157px, 59.94792vw);
	/* position: relative; */
	z-index: 1;
}

.signupright .row:last-of-type {
	position: relative;
	top: 20px;
	top: max(5px, 1.04167vw);
	right: 100px;
	right: max(27px, 5.20833vw);
}

.signupright .btn-success {
	/* position: absolute; */
	/* bottom: -175px; */
	background: var(--primary) !important;
	opacity: 1;
	font-weight: bold;
	font-size: 33px;
	font-size: max(22px, 1.71875vw);
	letter-spacing: 0.11em;
	line-height: 40px;
	line-height: max(27px, 2.08333vw);
	font-family: "atrament-web", sans-serif !important;
	text-transform: uppercase;
	color: black !important;
	padding: 10px 80px;
	padding: max(3px, 0.52083vw) max(22px, 4.16667vw);
	width: max(525px, 100vw);
	text-align: right;
	position: absolute;
	bottom: -80px;
	bottom: min(-22px, -4.16667vw);
	z-index: 5;
	left: min(-341px, -65vw);
	visibility: hidden;
}

.signupright * {
	color: white !important;
}

.signupleft {
	position: relative;
	z-index: 3;
	bottom: -60px;
	bottom: min(-16px, -3.125vw);
}

.signupmiddle {
	margin-left: -100px;
	margin-left: min(-27px, -5.20833vw);
	display: none;
}

.signupmiddle * {
	line-height: 0.6 !important;
	margin-left: 30px;
	margin-left: max(8px, 1.5625vw);
}

.topgraph {
	margin-left: -180px;
	margin-left: min(-49px, -9.375vw);
	position: absolute;
	bottom: -137px;
	bottom: min(-37px, -7.13542vw);
	width: 950px;
	width: max(260px, 49.47917vw);
}

.bottomgraph {
	/* position: absolute; */
	left: 0;
	z-index: -1;
	bottom: 80px;
	bottom: max(22px, 4.16667vw);
	width: 517px;
	width: max(141px, 26.92708vw);
}

.site .container-fluid .row .headerleft {
	background: var(--neutral1);
	width: 675px;
	width: max(185px, 30.05625vw);
	height: 111px;
	height: max(40px, 6.25125vw);
	display: flex;
	align-items: center;
	flex: 1 0 0%;
	padding-left: 45px;
	padding-left: max(12px, 2.34375vw);
	clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);
}

.site .container-fluid .row .headerleft img {
	width: max(110px, 13vw) !important;
}

.site .container-fluid .row .headerleft .widget-area .row .widget .col-sm-12 .row .col-sm-12 .img-responsive {
	width: 285px !important;
	width: max(78px, 14.84375vw) !important;
}

.site .container-fluid .row .headerright {
	width: auto;
}

.site .container-fluid .row .headerright .headerrighttop {
	background: var(--neutral2);
	color: var(--neutral1);
	width: calc(100% + 50px);
	width: calc(100% + max(14px, 2.60417vw));
	margin-left: -50px;
	margin-left: min(-14px, -2.60417vw);
}

.headerrighttop {width: auto !important;}
.headerrighttop ul {padding-left: 0px; display: flex; gap: 3px;}
.headerrighttop li {list-style: none; background: #000;}

.site .container-fluid .row .headerright .headerrighttop ul li a {
	font-weight: normal;
	font-size: 22px;
	font-size: max(15px, 1.14583vw);
	color: white;
	font-family: "neusa-next-std", sans-serif;
	padding: 14px 25px;
	padding: max(4px, 0.72917vw) max(7px, 1.30208vw);
	border-right: 3px solid var(--primary);
	border-right: max(1px, 0.15625vw) solid var(--primary);
}

.site .container-fluid .row .headerright .headerrighttop ul li:last-of-type a {
	border: none;
}

.site .container-fluid .row .headerright .headerrighttop ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
	margin: 0px 50px;
	margin: 0px max(14px, 2.60417vw);
	height: 46px;
	height: max(13px, 2.39583vw);
}

.site .container-fluid .row .headerright .headerrighttop ul li {
	/* margin: 0 30px; */
}

.site .container-fluid .row .headerright .headerrighttop ul li * {
	font-size: 20px !important;
	font-size: max(14px, 1.04167vw) !important;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#foot {
		flex-direction: column;
	}

	#foot ul#menu-primary {
		width: 300px;
	}

	.footerstuffleft {
		width: 100%;
		margin-bottom: 90px;
	}

	.site .container-fluid .row .headerright .headerrighttop ul li a {
		padding: 16px;
	}
}

/* Medium Devices, Desktops */
/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {
	.site .container-fluid .row .headerleft img {
		width: 100px !important;
		max-width: 11110px !important;
	}

	.site .container-fluid .row {
		right: 0;
		top: 0;
	}

	nav.mobile .mobile_top {
		padding-top: 30px;
	}

	.topctas {
		flex-direction: column;
		text-align: center;
		padding: max(27px, 5.20833vw) max(32px, 2.34375vw) max(19px, 3.64583vw) max(32px, 2.34375vw) !important;
	}

	.quicklinks {
		flex-direction: column;
		width: 100%;
	}

	.quicklinks a {
		width: 100%;
		height: 180px;
	}

	.ctasection {
		flex-direction: column;
	}

	.ctasection a {
		width: 100%;
	}

	.ctasection a .ctaleft {
		width: 70%;
	}

	.signup {
		flex-direction: column;
		height: auto;
		align-items: center;
		padding: 0px 0;
		padding-bottom: 60px;
	}

	.signupright .btn-success {
		width: unset;
		position: static;
	}

	.signupright .col-sm-12.mar-top {
		text-align: center;
	}

	.signupleft {
		margin-top: -190px;
	}

	.signupright {
		width: 100%;
	}

	.signupmiddle {
		margin: 0;
	}

	.signupmiddle h3 span {
		margin-left: 0;
	}

	.signupmiddle h3 {
		margin-left: 0;
		margin-top: 65px;
		margin-bottom: 30px;
		text-align: center;
	}

	.topgraph {
		margin: 0;
		position: static !important;
		width: 450px;
		margin-left: -120px;
	}

	.bottomgraph {
		display: none;
	}

	.site .container-fluid .row .headerleft {
		height: 95px;
	}

	.site .container-fluid .row .headerright .headerrighttop ul li a {
		padding: 17px;
	}

	.site .container-fluid .row .headerright .headerrighttop ul {
		height: 35px;
	}

	.site .container-fluid .row .headerright #menu-button {
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.site .container-fluid .row .headerright #menu-button .menu-toggle {
		margin-right: 40px;
	}

	.site .container-fluid .row .headerright .mobile {
		background: var(--secondary2);
	}

	.site .container-fluid .row .headerright .mobile ul .menu-primary .main-menu-item .menu-link {
		color: white;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1000px) {
	.footerleft ul {
		justify-content: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footerstuffleft {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#foot * {
		column-count: 1 !important;
		text-align: center !important;
	}

	ul#menu-primary {
		max-width: 100%;
		width: 100% !important;
	}

	.static.pull-right.sh-pull-right {
		width: 100% !important;
		display: flex;
		justify-content: center;
	}

	.footermiddle {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#foot {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.site .container-fluid .row .headerright .headerrighttop ul li a span {
		display: none;
	}
}

/* INVENTORY  */
@charset "utf-8";

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
	background: var(--primary) !important;
	color: #000 !important;
}

.inventory-banner {
	margin: 0 auto;
	max-width: 1124px;
	text-align: center;
}

.inventory-banner h2 {
	font-size: 40px;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
	background: var(--primary) !important;
	color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
	background: #014f30 !important;
	color: #fff !important;
	/*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
	color: #000 !important;
	border: 1px solid #000 !important;
	/*-----------------------OTHER TEXT STYLES-----------------------*/
	/*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
	color: #000 !important;
	line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
	color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
	color: #000 !important;
	/*-----------------------MEDIA QUERIES-----------------------*/
}

@media only screen and (max-width: 767px) {
	.invpage footer {
		margin-bottom: 85px !important;
	}
}

header.entry-header,
footer.entry-meta,
main>h1 {
	display: none;
}

/* CONTACT PG  */
.surroundcontact li {
	display: flex;
	margin-bottom: 20px;
}

.surroundcontact li icon {
	margin-right: 20px;
}

/* Set viewport width: 525 */
/* Set separate viewport width for font-size and line-height: 1300 */

/* HERO SECTION */
.tophero {}

.tophero.listingspage .herotoptext {
	padding: max(25px, 4.6875vw) max(66px, 12.5vw) max(25px, 4.6875vw);
}

.topbusiness {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
}

.topbusiness a {
	background: black;
	color: white;
	padding: 12px;
	border-radius: 10px;
}

.tophero .herotoptext {
	background: #f9b101;
	padding: 90px 240px 90px;
	padding: max(25px, 4.6875vw) max(66px, 12.5vw) max(25px, 4.6875vw);
}

.tophero .sidebysidedeals {
	margin-bottom: 80px;
	margin-bottom: max(22px, 4.16667vw);
	margin-top: -338px;
	margin-top: min(-92px, -17.60417vw);
}

.onecard {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 1050px;
	height: max(847px, 54.6875vw);
	margin: 0 40px;
	margin: 0 max(31px, 2.08333vw);
}

.onecard .partone {}

.onecard .partone img {
	width: 433px;
	width: max(198px, 22.55208vw);
}

.onecard .partone h3 {}

.onecard .partone p {}

.onecard .parttwo {}

.onecard .parttwo a {
	background: #f9b101;
	width: 100% !important;
	padding: 10px 20px;
	padding: max(10px, 0.52083vw) max(9px, 1.04167vw);
	font-family: "atrament-web", sans-serif;
	font-weight: bold;
	font-size: 22px;
	font-size: max(15px, 1.14583vw);
	letter-spacing: 0.11em;
	line-height: 26px;
	line-height: max(18px, 1.35417vw);
	text-align: center;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 11px;
	margin-bottom: max(3px, 0.57292vw);
}

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

	/* HERO SECTION */
	.tophero {}

	.tophero .herotoptext {}

	.tophero .sidebysidedeals {}

	.onecard {
		height: 713px;
	}

	.onecard .partone {}

	.onecard .partone img {}

	.onecard .partone h3 {}

	.onecard .partone p {}

	.onecard .parttwo {}

	.onecard .parttwo a {}

}