/***** 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;
}

ul.testimonials li {
	width: 100%;
	/* margin: 40px 0; */
	border-bottom: 1px solid grey;
	padding: 40px 0;
	border-right: none;
	border-left: none;
}

ul.testimonials {
	width: 100% !important;
}

ul.testimonials *:not(.fa) {
	font-family: 'Century Gothic', sans-serif;
}

table {
	border-collapse: collapse;
	width: 100%;
}

td {
	vertical-align: top;
}

ul.bullets li {    
	list-style: circle!important;
    padding-top: 19px;
    margin-left: 33px;}
.contact-info {margin-top:30px;}
.privacy a {color:#0c4d8b !important;font-weight:700;}

.info {margin-top:10px;}

body,
html {
	overflow-x: hidden
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address {
	display: block;
}

.notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {
	font-family: 'Century Gothic', sans-serif !important;
}

*:not(.slick-slider *):not(.container.cf *):not(header .mobile):not(.se-pre-con):not(.se-pre-con *) {
	transition-property: background, color, background-color, background-size, opacity, margin, padding, left, right, top, bottom, transform;
	transition-duration: .25s;
}

input#seachInput {
	width: auto !important;
	box-sizing: border-box !important;
}

.breakplease {
	display: flex;
	justify-content: flex-start;
}

.CaptchaPanel,
.CaptchaPanel * {
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
}

form.custom-form {
	width: 100%;
}

h1:not(.container.cf *),
h2:not(.container.cf *),
h4:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *) {
	font-family: 'Century Gothic', sans-serif;
	text-transform: uppercase;
}

h3:not(.container.cf *) {
	font-family: 'Century Gothic', sans-serif;
}
/*-------- POP UP --------*/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.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: 999999;
}
.popup {
    background: #fff;
    background-size: cover;
    background-position: 25% 80%;
    color: #000;
    font-size: 22px;
    font-weight: 300;
    width: 80%;
    max-width: 600px;
    position: fixed;
    top: 6vw;
    left: 0;
    right: 0;
    float: none;
    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;
    box-shadow: none;
	border-radius: 5px;
}

.popup .close {
   position: absolute;
        top: 40px;
    right: 30px;
    transition: all 0.2s;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #e41515 !important;
    padding: 0 10px 0px 10px;
    background: none;
    border: 1px solid #e41515;
}
.popup .close:hover {
  background: #e41515; color: #fff !important;}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.popup a {
    color: #fff !important;
}
.popup a:hover {
    text-decoration: none;
    color: #e41515;
}
.pop-text {
    padding: 50px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    width: 100%;
	margin-top: 50px;
	border-radius: 5px;
}
/*-------- COLORS --------*/
/*---HEADER---*/
/***** 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;
}

/*-------- TYPE --------*/
.hero-bkgrd h1,
.hero-bkgrd p,
.hero-bkgrd i,
.header-bkgrd i,
.hero-icons h2,
.inventory-width {
	color: #fff;
}

.request-service p,
.welcome-to h1,
.hero-icons h2,
.about-us-row p,
.inventory-width p,
.hours-location p,
.about-p,
.about-contact p {
	font-family: 'Century Gothic', sans-serif;
}

.welcome-to p,
.about-us-row h3 span,
.about-contact h2 {
	font-family: 'thirsty-rough-two', sans-serif;
}

.welcome-to h1 span,
.about-us-row h3,
.hero-icons button:hover h2,
.about-us-row p,
.map-hours-h1 h1,
.hours-location h2,
.hours-location p strong,
.about-contact h2,
.year {
	/* color: #0057a3; */
}

.about-us-row h3,
.inventory-width h3,
.map-hours-h1 h1,
.year {
	font-family: 'veneer', sans-serif;
}

/*---HEADER---*/
.header-bkgrd i {
	font-size: 26px;
	font-size: max(14px, 1.35417vw);
}

.parts-shop-img{
	max-height: 284px;
}

.parts-shop-img img{
	max-height: 284px;
}

.parts-shop-img:hover{
	background-color: transparent;
}

.new-holland-row .header-phone {
	color: #0c4d8b;
	font-size: max(21px, 0.93333vw);
	font-weight: 800;
}

.new-holland-row .header-location {
	color: black;
	font-weight: 500;
	font-size: max(12px, 0.83333vw);
}
.new-holland-row div a{cursor: pointer;}
/*---DEFAULT---*/

/* Container for the sliding image */
.slide-image-panel {
    position: absolute;
    top: 53%;
    right: -400px; /* start off-screen */
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    background: #fff;
    padding: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    border-radius: 8px;
    transition: right 0.5s ease;
    z-index: 20;
}

/* When active, slide into view */
.slide-image-panel.active {
    right: 20px;
}

/* Image styling */
.slide-image-panel img {
    width: 100%;
    display: block;
    border-radius: 6px;
}

/* Close button */
.close-slide {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 20px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
}

.request-service p {
	font-weight: 500;
	font-size: 16px;
	font-size: max(13px, 1.00000vw);
}

.welcome-to {
	text-align: center;
	padding-top: 188px;
	padding-top: max(98px, 9.79167vw);
}

.welcome-to p,
.hours-location h2 {
	font-family: 'thirsty-rough-two', sans-serif;
	font-weight: 300;
	font-size: 35px;
	font-size: max(18px, 1.82292vw);
	line-height: 27px;
	line-height: max(14px, 1.40625vw);
}

.welcome-to h1 {
	font-size: 66px;
	font-size: max(34px, 3.4375vw);
	font-weight: bold;
}

.hero-icons h2 {
	font-size: 15px;
	font-size: max(13px, 0.78125vw);
	padding-top: 10px;
	padding-top: max(5px, 0.52083vw);
}

.about-us-row h3 span {
	font-size: 28px;
	font-size: max(15px, 1.45833vw);
}

.about-us-row h3 {
	font-size: 70px;
	font-size: max(36px, 3.64583vw);
	font-style: normal;
	font-weight: 400;
	line-height: 55px;
	line-height: max(29px, 2.86458vw);
}

.about-us-row p {
	font-weight: bold;
	font-size: 17px;
	font-size: max(13px, 0.88542vw);
	line-height: 25px;
	line-height: max(13px, 1.30208vw);
	padding: 15px 0 22px 0;
	padding: max(8px, 0.78125vw) 0 max(11px, 1.14583vw) 0;
}

.inventory-width h3 {
	font-size: 46px;
	font-size: max(24px, 2.39583vw);
	font-weight: 300;
	letter-spacing: 1px;
}

.inventory-width p {
	font-weight: bold;
	font-size: 14px;
	font-size: max(13px, 0.72917vw);
}

#mobile-promos {display: none;}
.hero-promos .img-disclaimer {background: #F3F3F3; padding: 15px; margin-top: 5px;}

/*---MAP + HOURS---*/
.map-hours-h1 h1 {
	font-size: 48px;
	font-size: max(25px, 2.5vw);
	font-weight: 400;
}

.hours-location h2 {
	font-family: 'veneer', sans-serif;
}

.hours-location p strong {
	font-weight: bold;
}

.hours-location p {
	line-height: 31px;
	line-height: max(16px, 1.61458vw);
}

.closed-sunday {
	font-weight: bold;
}

.phone-fax {
	color: #1b1b1b;
}

.phone-fax:hover {
	color: #0c4d8b;
}

/*---ABOUT---*/
.about-p,
.about-contact p {
	font-size: 15px;
	font-size: max(17px, 0.78125vw);
}

.year {
	font-size: 35px;
	font-size: max(12px, 1.32292vw);
}

/*---STAFF---*/
.circular-img img {
	border-radius: 50%;
	width: 100%;
}
.circular-img {
	margin-top: 20px;
	text-align: center;
}
.staff h2 {
	text-align: center;
	color: #bbb;
	margin-top: 20px;
	margin-bottom: 40px;
	font-style: normal !important;
}
.staff {
	gap: 2%;
	display: flex;
	flex-wrap: wrap;
}
.staffing {flex-wrap: wrap; display: flex;}
.staff .brands-border {width: 23%;}
.staff-title {margin-bottom: 10px;}

/*---PROMOS---*/
.promo-flex DIV h2 {
	color: #0c4d8b;
	font-style: normal;
	font-size: 28px;
}
.special-offers {
	font-weight: bold;
	color: #bbb;
}
.promo-date {
	color: #bbb;
	font-weight: bold;
}
.promo-details {
	font-style: italic;
}
.promo-img-cnh {text-align: center; padding-bottom: max(96px, 5.63542vw);}
.promo-img-cnh img {width: 70%;}

/*---PARTS---*/

#parts-nav > div {
	display: flex;
	justify-content: center;
	width: 71%;
	margin: 0 auto;
	gap: 3%;
}
#parts-nav > div button {
	border: solid 2px #fff;
    border: solid max(1px, 0.10417vw) #fff;
    background-color: transparent;
    font-family: 'Century Gothic', sans-serif;
    font-size: 14px;
    font-size: max(17px, 0.72917vw);
    font-weight: 600;
    padding: 10px 55px;
    padding: max(5px, 0.52083vw) max(29px, 4.86458vw);
	color: #fff;
}
#parts-nav > div button:hover {
	border: 1px #fff solid;
	background: #0057a3;
}
#parts-nav > div a {
	color: #fff;
    font-size: 14px;
    font-size: max(13px, 0.72917vw);
    font-family: 'Century Gothic', sans-serif;
    font-weight: bold;
    line-height: 20px;
    line-height: max(10px, 1.04167vw);
}
.underline {
	text-decoration: underline;
}
.disc li {
	list-style: disc;
}
.disc {
	margin-left: 45px;
}
.disc img {
	width: 13%;
	position: relative;
	top: -5px;
	margin: -17px;
	left: 27px;
}
.disc a {
	color: #0000EE;
}

/*-------- FORMS --------*/
.contact-form h1 {font-family: 'oswald', sans-serif; color: #006699; font-size: 40px; line-height: 45px;}
.contact-form h2 {font-family: 'oswald', sans-serif; color: #006699; font-size: 40px; line-height: 45px;}
.contact-form {width: 100%; margin: 0 auto; padding: 70px 0 0px 0; font-family: 'inter-variable', sans-serif; font-size: 15px; line-height: 21px; background: rgba(255,255,255,0.85);}
.contact-form p {margin-top: 25px; font-size: 17px; color: #646464; line-height: 24px;}
.contact-form i {color: #006699;}
.contact-form li {line-height: 25px;}
.contact-form tr {display: flex; gap: 30px;}
.contact-form td {width: 100%; color: #007D61 !important;}
.contact-form input {width: 100%;}
.contact-form input {padding: 14px 0px 11px 16px; margin-bottom: 8px; font-family: 'inter-variable', sans-serif; border-radius: 3px; border: 2px #ECECEC solid; font-size: 15px;}
.contact-form .select {width: 50.35%;}
.contact-form select {width: 100%; padding: 14px 0px 11px 16px; margin-bottom: 8px; font-size: 15px; font-family: 'inter-variable', sans-serif; border-radius: 3px; border: 2px #ECECEC solid; color: #868686;}
.contact-form textarea {width: 100%; font-family: 'inter-variable', sans-serif; padding: 14px 0px 11px 16px; border-radius: 3px; border: 2px #ECECEC solid; font-size: 15px;}
.contact-form .captcha-selected {margin-top: 55px; width: 100%;}
.contact-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.contact-form .CaptchaWhatsThisPanel a {color: #212121 !important; font-family: 'inter-variable', sans-serif; font-size: 15px; font-weight: 600;}
.contact-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #212121 2px solid;}
.contact-form .CaptchaMessagePanel {font-weight: 300; font-family: 'inter-variable', sans-serif; font-size: 15px; color: #000;}
.contact-form .submit, .service-form .reset {background: #006699; border-radius: 40px; color: #fff; padding: 15px 0; font-size: 17px; width: 250px; font-weight: 600; font-family: 'roboto', sans-serif; margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border: 2px #006699 solid;}
.contact-form .submit:hover, .service-form .reset:hover {background: transparent; transition: .5s; cursor: pointer !important; color: #212121; border: 2px #212121 solid;}
.margin-top-send {margin-top: 13px;}
.captcha-selected {display: flex; justify-content: center;}
.contact-form .submitselect, .submit-button button {background: #006699; border-radius: 40px; color: #fff; padding: 15px 0; font-size: 17px; width: 250px; font-weight: 600; font-family: 'roboto', sans-serif; margin-top: 25px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center; border: 2px #006699 solid;}
.contact-form .submitselect:hover {background: transparent; transition: .5s; cursor: pointer !important; color: #212121; border: 2px #212121 solid;}
.contact-form .captcha {display: flex; justify-content: center; gap: 12px;}
.contact-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.contact-form .form-form {width: 100% !important; padding-top: 15px !important;}
.contact-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}
.contact-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.contact-form h3 {padding-top: 2px;}
.contact-form label {font-family: 'oswald', sans-serif; text-transform: uppercase; font-size: 26px; color: #006699; font-weight: bold; line-height: 28px;}
.form-label {margin: 20px 0 10px 0;}
.form-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.form-white {background: #fff; width: 92%; margin: 0 auto; border-radius: 10px; margin-bottom: 90px;}
.tr-three {gap: 30px !important; width: 100%;}
.equipment-message {margin-top: 5px;}
.captcha-style input {width: 300px !important;}
.submit-button {display: flex !important; justify-content: center !important;}

/*-------- PARTS MANUAL --------*/
.manual-flex {padding: calc(2.6875rem +((1vw - 7.68px)* 1.7361)) 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-around;}

/*---SERVICE ---*/
.contact-form .anonymous input {width: 25px; margin: 0;}
.contact-form .anonymous label {font-size: 16px !important; color: #868686; text-transform: capitalize; font-weight: 300; font-family: 'inter-variable', sans-serif;}
.contact-form .survey-form p {color: #212121; font-weight: bold; padding-bottom: 2px;}
.contact-form .survey-experience h2 {color: #006699; font-size: 26px; margin-top: 30px; margin-bottom: 8px; font-family: 'oswald', sans-serif;}
.contact-form .survey-experience h3 {color: #424242; font-weight: 400; padding-bottom: 12px;}
.contact-form .select p {padding-bottom: 5px !important; margin-top: 10px !important;}
.conteact-form .hear-about {display: flex;}
.pick-interest {margin-top: 0px!important;}
.survey-form label {font-family: 'inter-variable', sans-serif; color: #000;}
.survey-form {margin-bottom: 10px;}

/*---EMPLOYMENT---*/
.contact-form .interest label {font-size: 16px !important; color: #868686; text-transform: capitalize; font-weight: 300; font-family: 'inter-variable', sans-serif;}
.contact-form .interest input {width: 25px; margin: 0; margin-bottom: 15px;}

/*-------- BODY STYLES --------*/
a:link,
a:visited,
a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

hr {
	border: #000 1px solid;
}

/*--- HEADER STYLES ---------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');

.clear {
	clear: both;
}

/***** Start of primary nav ******/
#menu-button {
	display: none;
}

nav.mobile {
	display: none;
}

nav.primary {
	padding: 0;
	display: inline-block;
	margin: 0;
	width: 100%;
	position: relative;
}

nav.primary ul {
	margin: 0;
	padding: 0;
	text-align: right;
	position: relative;
	top: -66px;
	top: min(-34px, -3.4375vw);
}

nav.primary ul li {
	display: inline-block;
	margin: 0;
	list-style-type: none;
	width: auto;
}

nav.primary ul li a {
	color: #0c4d8b;
	font-size: 16px;
	font-size: max(12px, 0.83333vw);
	line-height: 60px;
	line-height: max(31px, 3.125vw);
	text-decoration: none;
	display: block;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: .4s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 0 12px;
	padding: 0 max(6px, 0.625vw);
	font-family: 'Century Gothic', sans-serif;
}

nav.primary ul li a:hover {
	color: #1b1b1b;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
	font-size: 16px;
	font-size: max(13px, 0.83333vw);
	line-height: 16px;
	line-height: max(8px, 0.83333vw);
	padding: 10px;
	padding: max(5px, 0.52083vw);
	color: #fff;
	background: #181818;
	text-align: left;
	border-right: none;
	border-left: none;
	border-bottom: #303030 solid 1px;
	font-family: 'Century Gothic', sans-serif;
	min-width: 210px;
}

/* Appearance of the sub-level links on hover */
nav.primary ul li li a:hover {
	color: #D0B815;
}

/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
	display: none;
	position: absolute;
	top: 49px;
	top: max(26px, 2.55208vw);
}

nav.primary ul li:last-of-type ul {
	right: 0;
}

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(9px, 0.9375vw);
	z-index: 100;
}

nav.primary ul ul li {
	float: none;
	width: 270px;
	width: max(141px, 14.0625vw);
	position: relative;
	margin: 0;
	display: block;
}

@media screen and (max-width: 1450px) {
	nav.primary ul li a {
		/* font-size: 14px; */
	}
}

@media screen and (max-width: 1400px) {

	/*============================== Mobile Nav Styles ================================*/
	nav.primary {
		display: none;
	}

	#menu-button {
		width: 100%;
		display: inline-block;
		font-size: 24px;
		position: relative;
		line-height: 60px;
		z-index: 400;
		/* needs to be lower than nav.mobile, adjust as needed */
		text-align: right;
		padding-right: 10px;
	}

	#menu-button a {
		color: black;
		text-decoration: none;
		padding: 0 0 0 .8em;
		font-weight: normal;
	}

	nav.mobile {
		display: block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #333;
		z-index: 500;
		/* 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: #ccc !important;
	}

	nav.mobile .social-media a:link,
	nav.mobile .social-media a:visited {
		color: #ccc;
		text-decoration: none;
	}

	nav.mobile .social-media a:hover,
	nav.mobile .social-media a:active {
		color: #fff;
		text-decoration: underline;
	}

	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display: block;
		padding: 0;
		margin: 50px 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: -38px;
		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: 15px;
		padding: 10px;
		color: #999;
		text-decoration: none;
		border-left: 4px #333 solid;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		text-align: left;
	}

	nav.mobile ul li a:hover {
		background: rgba(45, 45, 45, 0.5);
		color: #fff;
		border-left: 4px #0c4d8b solid;
		/* 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: #444;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		border-left: 4px #444 solid;
		color: #ccc;
		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);
	}

	nav.mobile ul li span.click {
		/* dropdown menu idicator arrow be sure to include this image with your image files */
		background: url(../siteart/arrow.png) 10px 12px no-repeat;
		background-size: 55%;
		position: relative;
		display: block;
		float: right;
		margin: -44px 0 0 0;
		cursor: pointer;
		z-index: 12399994;
		width: 40px;
		height: 40px;
		-webkit-transition: background-size .3s ease-in-out;
		-moz-transition: background-size .3s ease-in-out;
		transition: background-size .3s ease-in-out;
	}

	nav.mobile ul li span.click:hover {
		background-size: 60%;
	}

	.nav-footer {
		color: #ddd;
		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;
	}
}

/*--------IMAGES-------------------------*/
/*---NAV---*/
.logo img {
	width: 348px;
	width: max(181px, 18.125vw);
	position: relative;
	top: -23px;
	top: min(-12px, -1.19792vw);
}
.massey-promo,
.kuhn-promo,
.new-holland-promo,
.ferris-promo {
	margin: 0px 30px 0px 21px;
}


/*---ABOUT---*/

.display-inline-hr {
	display: flex;
}
.display-inline-hr hr {
	border: .05px solid #bbb;
	background: #bbb;
	width: 37%;
	height: .5px;
}
.display-inline-hr h3 {
	color: #0c4d8b;
	font-size: 32px;
	margin-top: -12px;
	font-weight: 700;
}
.display-inline-hr span {
	color: #bbb;
}
.year {
	color: #0c4d8b !important;
	font-weight: 600;
}
.img-nineteen-fifty-nine {
	width: 70%;
}
.about-img-center {
	text-align: center;
}
.img-nineteen-fifty-three,
.img-nineteen-sixtys,
.img-nineteen-seventys,
.img-nineteen-eightys,
.img-nineteen-nintys,
.img-two-thousands,
.img-two-thousand-eighteen,
.img-two-thousand-twenty-three,
.img-two-thousand-thirteen{
	width: 100%;
	max-width: 100%;
}

/*--------BODY-------------------------*/
/*---NAV---*/
.nav-width {
	width: 93%;
	margin: 0 auto;
}

.logo {
	width: unset;
}

/*---BODY--------------------------------*/
.header-row,
.request-service,
.header {
	display: flex;
	justify-content: flex-end;
}

.header-row-icons,
.hero-icons,
.hero-promos,
.about-us-row,
.showroom,
.inventory-row,
.hours-location {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inventory-row {gap: 10px; align-items: flex-start;}
.inventory-row a {width: 100%;}

.header-row-icons div i:hover,
.header-search div i:hover {
	color: #D0B815;
}

/*---HEADER---*/
.search-input {
	padding: 5px 55px 5px 10px;
	padding: max(3px, 0.26042vw) max(29px, 2.86458vw) max(3px, 0.26042vw) max(5px, 0.52083vw);
	font-family: 'Century Gothic', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	font-size: max(13px, 0.67708vw);
	color: #bbb;
	border-radius: 5px;
	border-radius: max(3px, 0.26042vw);
	margin-right: 26px;
	margin-right: max(14px, 1.35417vw);
}

.search-form i {
	font-size: 21px;
	font-size: max(13px, 1.09375vw);
}

.header-row-icons div {
	padding: 15px 11px;
	padding: max(8px, 0.78125vw) max(6px, 0.57292vw);
}

.header-search div {
	padding: 15px 5px;
	padding: max(8px, 0.78125vw) max(3px, 0.26042vw);
}

.new-holland-row {
	display: flex;
	justify-content: space-between;
}
/*---DEFAULT---*/
.new-holland-row div {
	padding: 0px 10px;
	padding: 0px max(5px, 0.52083vw);
}

.hero-bkgrd {
	margin-top: 20px;
	margin-top: max(10px, 1.04167vw);
}

.request-service {
	padding-top: 40px;
	padding-top: max(21px, 2.08333vw);
}

.new-holland-row {
	width: 93%;
	margin: 0 auto;
	margin-top: -61px;
	margin-top: min(-32px, -3.17708vw);
	align-items: center;
}

.hero-width {
	width: 92%;
	margin: 0 auto;
}

.hero-icons {
	width: 95%;
	margin: 0 auto;
	padding: 127px 0 48px 0;
	padding: max(66px, 6.61458vw) 0 max(31px, 3.125vw) 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 100px;
}

.hero-icons div {
	text-align: center;
}

.hero-promos {
	margin-top: 54px;
	margin-top: max(28px, 2.8125vw);
}

.about-us-content {
	width: 40%;
	margin-left: 137px;
	margin-left: max(71px, 7.13542vw);
	padding-top: 127px;
	padding-top: max(66px, 6.61458vw);
}

.about-us-row {
	padding-bottom: 185px;
	padding-bottom: max(96px, 5.63542vw);
}

.showroom {
	width: 91%;
	margin: 0 auto;
	padding-bottom: 57px;
	padding-bottom: max(30px, 2.96875vw);
}

.showroom div {
	display: flex;
	justify-content: center;
}
.inventory-width {
	width: 86%;
	margin: 0 auto;
	padding: 97px 0px 62px 0px;
	padding: max(51px, 5.05208vw) 0px max(32px, 3.22917vw) 0px;
}

.inventory-width .inventory-row * {
	pointer-events: none;
}

.inventory-width div {
	text-align: center;
}

.inventory-row {
	padding: 62px 0 63px 0;
	padding: max(32px, 3.22917vw) 0 max(33px, 3.28125vw) 0;
}

.inventory-row img {
	padding-bottom: 22px;
	padding-bottom: max(11px, 1.14583vw);
}

.inventory-bkgrd {
	margin-bottom: 60px;
	margin-bottom: max(31px, 3.125vw);
}

/*---MAP + HOURS---*/
.map-hours-h1,
.hours-location {
	width: 93%;
	margin: 0 auto;
}

.map-hours-h1 {
	padding-top: 70px;
	padding-top: max(36px, 3.64583vw);
}

.hours-location {
	padding-top: 100px;
	padding-top: max(52px, 5.20833vw);
	padding-bottom: 90px;
	padding-bottom: max(47px, 4.6875vw);
}

.hours-location-h2 {
	padding-bottom: 20px;
	padding-bottom: max(10px, 1.04167vw);
}

.monday {
	padding-right: 85px;
	padding-right: max(44px, 4.42708vw);
}

.tuesday {
	padding-right: 85px;
	padding-right: max(44px, 4.42708vw);
}

.wednesday {
	padding-right: 56px;
	padding-right: max(29px, 2.91667vw);
}

.thursday {
	padding-right: 81px;
	padding-right: max(42px, 4.21875vw);
}

.friday {
	padding-right: 102px;
	padding-right: max(53px, 5.3125vw);
}

.saturday {
	padding-right: 80px;
	padding-right: max(42px, 4.16667vw);
}

.sunday {
	padding-right: 91px;
	padding-right: max(47px, 4.73958vw);
}

.location-contact {
	width: 51%;
}

/*---ABOUT---*/
.about-info,
.employment-width {
	width: 93%;
	margin: 0 auto;
	padding-top: 22px;
	padding-top: max(11px, 1.14583vw);
	padding-bottom: 100px;
	padding-bottom: max(52px, 5.20833vw);
}
.staffing {
	padding-top: max(16px, 6.14583vw) !important;
}
.about-p {
	width: 57%;
	margin: 0 auto;
	padding-top: 50px;
}
.fix-p {width: 100% !important;}
.about-p p a {
	color: #0000EE;
}

.about-contact {
	width: 30%;
}

.about-contact h2 {
	font-size: 29px;
	font-size: max(15px, 1.51042vw);
	margin-top: 89px;
}

.contact-us {
	padding-bottom: 4px;
	padding-bottom: max(2px, 0.20833vw);
}

.contact-us img {
	width: 32vw;
}

/*---BRANDS WE CARRY---*/
.brands-border {
	border: 1px solid #D5D5D5;
	padding: 14px;
	margin-bottom: 30px;
}
.brands-border h2 {
	color: #bbb;
	font-size: 20px;
	font-style: italic;
}
.brands-border hr {
	border: 0.5px solid #D5D5D5;
}
.brands-logo,
.brands-button {
	text-align: center;
}
.brands-button button,
.promo-flex button {
	color: #fff;
	background-color: #0c4d8b;
	border: none;
	padding: 7px 40px;
	border-radius: 20px;
	font-size: 16px;
}
.brands-button button:hover,
.promo-flex button:hover {
	background-color: #2f2f2f;
}
.brands-logo {
	padding: 0px 71px;
	margin: 17px 0;
}

/*---PART MANUAL---*/
.parts-manual > a {
	margin-bottom: 20px !important;
}
.image-flex {display: flex;}
.staff-title h2 {text-align: left !important; color: #0c4d8b; font-size: 30px;}

/*---PROMOS---*/
.promo-flex {
	display: flex;
	justify-content: space-around;
	width: 90%;
	gap: 3%;
	padding-top: 30px;
	padding-bottom: 30px;
		
}
.promotions-h {
	padding-bottom: 60px;
}
.ferris-p {width: 100%;}
/*--------BUTTONS------------------------*/
.about-us-content button,
.inventory-width button,
.location-contact button,
.about-contact button,
.standardbtn, .button-container button {
	font-family: 'Century Gothic', sans-serif;
	font-size: 16px;
	font-size: max(13px, 0.83333vw);
	font-weight: 600;
	padding: 10px 80px;
	padding: max(5px, 0.52083vw) max(42px, 4.16667vw);
	color: white;
}

.about-us-content button,
.club-car p,
.kuhn-mower p,
.bwise-dump-trailer p,
.curtis-cab p,
.inventory-width button a {
	color: #fff;
}

/* .inventory-row a:hover .club-car p, .inventory-row a:hover .kuhn-mower p, .inventory-row a:hover .bwise-dump-trailer p { color: #D0B815; } */
/*---DEFAULT---*/
.hero-width button {
	background-color: transparent;
	border: none;
}

.about-us-content button,
.standardbtn, .button-container button {
	background: #0057a3;
	border: none;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px max(7px, 0.67708vw) max(14px, 1.40625vw) min(-3px, -0.26042vw), rgba(0, 0, 0, 0.3) 0px max(4px, 0.41667vw) max(8px, 0.83333vw) min(-4px, -0.41667vw);
	cursor: pointer;
}

a.standardbtn {
	position: static;
	display: inline-block;
	margin-top: 30px;
}

.inventory-width button {
	border: solid 2px #fff;
	border: solid max(1px, 0.10417vw) #fff;
	background-color: transparent;
}

.inventory-width button:hover {
	background-color: #D0B815;
	border: solid 2px #0c4d8b;
	border: solid max(1px, 0.10417vw) #0c4d8b;
}

.inventory-width button:hover a {
	color: #0c4d8b;
}

.inventory-padding-top {
	padding-top: 15px;
	padding-top: max(8px, 0.78125vw);
}

.about-us-content button:hover, .button-container button:hover {
	background-color: #D0B815;
	border: none;
	color: #0c4d8b;
}

.error-page p{margin-bottom: 25px;}

.search-button {
	background-color: transparent;
	border: none;
	padding-right: 13px;
	padding-right: max(7px, 0.67708vw);
}

/*---MAP + HOURS---*/
.location-contact button,
.about-contact button {
	border: solid 2px #0c4d8b;
	border: solid max(1px, 0.10417vw) #0c4d8b;
	background-color: transparent;
}

.location-contact button,
.about-contact button {
	color: #0c4d8b;
}

.location-contact button:hover,
.about-contact button:hover {
	background-color: #0c4d8b;
}

.location-contact button:hover,
.about-contact button:hover {
	color: #fff;
}

/*---ABOUT---*/
.celebrating {
	position: relative;
	top: -141px;
	top: min(-73px, -7.34375vw);
	left: -136px;
	left: -7.08333vw;
	display: flex;
	justify-content: right;
}

.celebrating img {
	width: 33vw;
	width: max(290px, 25vw);
}

.all-about {
	margin-top: -205px;
	margin-top: min(-107px, -10.67708vw);
}

.pageexcp .all-about {
	margin-top: 0;
}

/*---BLOG---*/
#blog-hr hr {margin: 30px 0 50px 0; border: 1px #bbb dashed !important;}
#blog-topics h3 {font-weight: 300; font-size: 18px;}
#blog-topics h2 {color: #0c4d8b; font-size: 25px;}
#blog-topics {margin-bottom: 30px;}

/*--------IMAGES-------------------------*/
/*---DEFAULT---*/
.new-holland-row img {
	width: 110px;
	width: max(57px, 15.72917vw);
}

.header-bkgrd {
	background: url("/siteart/header-bkgrd.png") no-repeat;
	background-size: auto;
	padding: 0 74px 0 855px;
	padding: 0 max(39px, 3.85417vw) 0 max(445px, 44.53125vw);
}

.hero-bkgrd {
	background: url("/siteart/clinton-edit-2.jpg") no-repeat;
	background-color:#000;
	background-size: cover;
	background-position: 0% 79%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
}

.new-equipment-icon div {
	background: url("/siteart/icons/new-equipment.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.pre-owned-equipment-icon div {
	background: url("/siteart/icons/pre-owned-equipment.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.attachments-icon div {
	background: url("/siteart/icons/attachments.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.parts-icon div {
	background: url("/siteart/clinton-badge.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(40px, 6vw) max(40px, 6vw) max(20px, 4vw) max(40px, 6vw);
}

.hero-icons button:hover .new-equipment-icon div {
	background: url("/siteart/icons/new-equipment-hover.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.hero-icons button:hover .pre-owned-equipment-icon div {
	background: url("/siteart/icons/pre-owned-equipment-hover.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.hero-icons button:hover .attachments-icon div {
	background: url("/siteart/icons/attachments-hover.png") no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 50px 22px 50px;
	padding: max(26px, 2.60417vw) max(26px, 2.60417vw) max(11px, 1.14583vw) max(26px, 2.60417vw);
}

.parts-xl button{margin: 0 auto;}
.parts-xl {padding-top: 0;}

.hero-promos {
	width: 95%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.hero-promos img {
	width: 100%;
	max-width: 100%;
}

.img-disclaimer p {
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.img-disclaimer img {
	width: 150px;
}

.about-us-bkgrd {
	background: url("/siteart/about-us-bkgrd.jpg") no-repeat;
	background-size: cover;
	background-position: 0% 36%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
}

.about-us-row img {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px max(7px, 0.67708vw) max(14px, 1.40625vw) min(-3px, -0.26042vw), rgba(0, 0, 0, 0.3) 0px max(4px, 0.41667vw) max(8px, 0.83333vw) min(-4px, -0.41667vw);
	width: 82%;
}

.about-us-img {
	padding-top: 120px;
	padding-top: max(63px, 6.25vw);
	display: flex;
	justify-content: flex-end;
}

.showroom img {
	width: 80%;
}

.kuhn img {
	background: url("/siteart/showroom/kuhn.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
}
.showroom a:hover .kuhn img {
	background: url("/siteart/showroom/kuhn-hover.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
	opacity: 30%;
}

.new-holland-agriculture img {
	background: url("/siteart/showroom/new-holland-agriculture.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
}

.showroom a:hover .new-holland-agriculture img {
	background: url("/siteart/showroom/new-holland-agriculture-hover.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
	opacity: 30%;
}

.new-holland-construction img {
	background: url("/siteart/showroom/new-holland-construction.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
}

.showroom a:hover .new-holland-construction img {
	background: url("/siteart/showroom/new-holland-construction-hover.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
	opacity: 30%;
}

.ventrac img {
	background: url("/siteart/showroom/ventrac.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
}

.showroom a:hover .ventrac img {
	background: url("/siteart/showroom/ventrac-hover.png") no-repeat;
	background-size: contain;
	padding: 94px 0px 22px 108px;
	padding: max(49px, 4.89583vw) 0px max(11px, 1.14583vw) max(56px, 5.625vw);
	opacity: 30%;
}

.inventory-bkgrd {
	background: url("/siteart/inventory-bkgrd.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
	background-color: black;
}

#parts-nav {
	background: url("/siteart/inventory-bkgrd.jpg") no-repeat;
	background-size: cover;
	background-position: 0% 94%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
	padding: 100px 0;
}

.about-hero img {
	background: url("/siteart/about-hero.jpg") no-repeat;
	background-size: contain;
	padding: 167px 0 83px 0;
	padding: max(87px, 21.69792vw) 0 max(43px, 6.32292vw) 0;
	width: 100%;
	background-position: 0% 83%;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
	opacity: 40%;
}

.about-hero.otherpage img {
	background: none;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	height: 30vw;
}

.parts-hero{
	
background:
    linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)),
    url("/siteart/2022-newholland-t6000-tier3.jpg");
	back
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.inventory-row img {width: 100%;}

/*---DEFAULT---*/
.service-flex {display: flex; justify-content: space-between;}
.service-flex img {width: 200px;}
.service-flex a {background-color: transparent;}
.hide-on-desktop {display: none;}
.mobile-call-to {display: none;}

.hero-promos > div {width: 100%;}
.hero-promos {align-items: flex-start !important; gap: 20px;}

/*---SERVICE---*/
.service-page-content {width: 100% !important;}
.service-page-img img, .parts-page-img img {margin-top: 50px !important;}

/*---CREDIT APP---*/
.max-width {
    max-width: 1366px;
    width: 90%;
    margin: 0 auto;
	margin-top: 50px; 
	margin-bottom: 100px;
}
.max-width h1 {
    font-size: 34px;
    line-height: 38px;
}
hr.divider {
    border: #E3BD00 2px solid;
    max-width: 150px;
    width: 100%;
    margin: 10px 0;
}
.sub-text {
    font-size: 14px;
    font-style: italic;
}
.max-width h2 {
    font-size: 28px;
    line-height: 34px;
}
.max-width form {
    padding-top: 10px;
    gap: 15px;
    color: #000000;
}
.max-width .flex-container {
    display: flex;
}
.max-width .flex-vertical {
    flex-direction: column;
}
.text-center {
    text-align: center;
}
.max-width form * {
    gap: 15px;
}
.max-width fieldset {
    border: 1px solid #E3BD00;
    padding: 10px 20px 20px;
}
.max-width .flex-container {
    display: flex;
}
.max-width .flex-vertical {
    flex-direction: column;
}
legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}
.flex-width {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}
.max-width input, .max-width select, .max-width textarea {
    font-family: "acumin-pro", sans-serif!important;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #3c3f43;
    width: 100%;
    padding: 10px 15px;
    resize: vertical;
}
.max-width input[type="radio"] {
    width: 15px;
}

/* SHOWROOM  */
.logoshowroom a,
.logoshowroom img {
	margin: 0 auto;
	webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.logoshowroom #inventory {
	background: #4d6059;
	background: -webkit-gradient(linear, left top, left bottom, from(#4d6059), color-stop(99%, #000));
	background: linear-gradient(to bottom, #4d6059 0, #000 99%)
}

.logoshowroom .showroom a {
	font-size: calc(1.2rem + ((.75vw - 7.68px) * 2.1701));
	font-family: Oswald, sans-serif;
	color: #fff
}

.logoshowroom .logos {
    padding: calc(2.6875rem +((1vw - 7.68px)* 1.7361)) 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-around;
}
.logoshowroom .staff {
	padding: calc(0.6875rem + ((1vw - 7.68px) * 1.7361)) 0 0 !important;
}
.staff {
	align-items: left !important;
	justify-content: flex-start !important;
	margin-bottom: 30px;
}
.logoshowroom .staff img {
	max-width: calc(15.25rem + ((1vw - 7.68px) * 8.6806)) !important;
}

.logoshowroom .logos {
    padding: calc(2.6875rem +((1vw - 7.68px)* 1.7361)) 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-around;
}
	
.logoshowroom .logos2 {
	justify-content: center
}

.logoshowroom .showroom a {
	min-width: calc(9.375rem + ((1vw - 6.5px) * 12.5984));
	height: calc(9.375rem + ((1vw - 6.5px) * 12.5984));
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px;
	color: #fff;
	background-position: center !important;
	background-size: cover !important;
	transition: all .2s
}

.logoshowroom .showroom a:hover {
	transition: all .2s;
	transform: scale(1.07);
	text-shadow: 0 0 15px #000;
	-webkit-transform: translateZ(2)
}

.logoshowroom .showroom a img {
	height: 50px
}

.logoshowroom .logos img {
	padding: 0 8px;
	max-width: calc(11.25rem + ((1vw - 7.68px) * 8.6806))
}

/*---THANK YOU---*/
#thank-you-page h1 {text-align: center;}
#thank-you-page .about-info {text-align: center;}
#thank-you-page .about-p {padding-top: 0px;}

/*---EMAIL INSIDER---*/
.emailinsiderhero {width: 93%; margin: 0 auto; margin-top: 100px; text-align: center; background: #082948; border-radius: 5px;}
.emailinsiderhero img {margin-bottom: -5px;}
.emailinsidermobile {display: none;}

.emailinsider {width: 93%; margin: 0 auto; padding: 100px 0;}
.emailinsider h1 {font-family: 'Century Gothic', sans-serif; font-size: 40px; line-height: 50px; color: #0c4d8b; margin-bottom: 10px;}
.emailinsider h2 {font-family: 'Century Gothic', sans-serif; font-size: 30px; line-height: 40px; color: #0c4d8b; margin-bottom: 10px;}
.emailinsider h3 {font-family: 'Century Gothic', sans-serif; font-size: 22px; line-height: 32px; color: #000; margin-bottom: 5px;}
.emailinsider p {font-family: 'Century Gothic', sans-serif; font-size: 18px; line-height: 30px; color: #000;}
.emailinsider button {background: #0c4d8b; border-radius: 5px; padding: 12px 25px; border: none; color: #fff; font-family: 'Century Gothic', sans-serif; font-size: 16px; line-height: 26px; font-weight: 600; margin-top: 20px;}
.emailinsider button:hover {background: #000; transition: .8s;}
.emailinsider > div {margin: 80px 0;}
.joinnewsletter {background: rgba(12,77,139,0.05);  border-radius: 5px; text-align: center; padding: 35px; margin-top: 25px;}
.joinnewsletter p span {color: #0c4d8b; font-weight: bold; font-size: 28px; line-height: 28px;}
.whyjoin {display: flex; gap: 10px; margin-top: 25px;}
.whyjoin > div {width: 100%; background: rgba(12,77,139,0.05); text-align: center; padding: 35px; border-radius: 5px;}
.whyjoin p {font-size: 16px; line-height: 28px;}
.whyjoin > div > div {display: flex; justify-content: center; margin-bottom: 15px;}
.whyjoin > div i {background: rgba(12,77,139,0.20); color: #0c4d8b; border-radius: 50px; font-size: 25px; line-height: 25px; display: flex; justify-content: center; width: 60px; height: 60px; align-items: center;}
.insider i {background: rgba(12,77,139,0.10); color: #0c4d8b; border-radius: 5px; font-size: 20px; line-height: 20px; display: flex; justify-content: center; width: 50px; height: 50px; align-items: center;}
.insider ul {margin-top: 25px;}
.insider li {display: flex; align-items: center; gap: 20px; margin-bottom: 10px; font-size: 18px; line-height: 30px;}
.builtforwork-bkgrd {background: url("/siteart/email-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; border-radius: 5px;}
.builtforwork {background: rgba(12,77,139,0.90); text-align: center; border-radius: 5px; padding: 80px 50px;}
.builtforwork h2, .builtforwork p {color: #fff;}
.builtforwork h2 {margin-bottom: 15px;}
#emailform {margin-bottom: 25px !important;}
.newsletter-signup p {margin-bottom: 25px;}
.emailinsider .disclaimer {background: rgba(12,77,139,0.05); border-radius: 5px; padding: 50px; width: 1100px;}
.emailinsider .disclaimer p {font-size: 15px; line-height: 25px; margin-bottom: 3px;}
.emailinsider .disclaimer h4 {font-size: 18px; line-height: 28px; margin-bottom: 8px;}
.emailinsider .disclaimer-flex {display: flex; justify-content: space-between;}
.emailinsider .disclaimer-flex > div {margin: 15px 0;}

/*--------FORM STYLES--------------------*/
.input {
	width: 58%;
}

/*-------- FOOTER STYLES ----------------*/
.footer-contact-us button,
.footer-maps-hours button {
	border: solid 2px #fff;
	border: solid max(1px, 0.10417vw) #fff;
	background-color: transparent;
	font-family: 'Century Gothic', sans-serif;
	font-size: 14px;
	font-size: max(13px, 0.72917vw);
	font-weight: 600;
	padding: 10px 55px;
	padding: max(5px, 0.52083vw) max(29px, 2.86458vw);
}

button {
	cursor: pointer;
}

.footer-contact-us button a,
.footer-maps-hours button a {
	color: #fff;
}

.footer-icons i:hover,
.footer-links a:hover,
.footer-contact a:hover {
	color: #D0B815;
}

.footer {
	background-color: #0c4d8b;
}

.footer-width {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 63px 0 70px 0;
	padding: max(33px, 3.28125vw) 0 max(36px, 3.64583vw) 0;
}

.footer-icons {
	width: 6%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
	padding-bottom: max(21px, 2.08333vw);
}

.footer-icons i {
	color: #fff;
	font-size: 22px;
	font-size: max(13px, 1.14583vw);
}

.footer-links a {
	display: block;
	color: #fff;
	font-family: 'Century Gothic', sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-size: max(13px, 0.72917vw);
	line-height: 33px;
	line-height: max(17px, 1.71875vw);
}

.footer-links {
	width: 22%;
	padding-top: 20px;
	padding-top: max(10px, 1.04167vw);
}

.footer-contact-us button {
	margin-right: 20px;
	margin-right: max(10px, 1.04167vw);
}

.footer img {
	width: 250px;
	width: max(130px, 13.02083vw);
}

.footer-button-row {
	display: flex;
	justify-content: space-between;
}

.footer-contact a {
	color: #fff;
	font-size: 14px;
	font-size: max(13px, 0.72917vw);
	font-family: 'Century Gothic', sans-serif;
	font-weight: bold;
	line-height: 20px;
	line-height: max(10px, 1.04167vw);
}

.footer-logo {
	padding-bottom: 15px;
	padding-bottom: max(8px, 0.78125vw);
}

.footer-button-row {
	padding-top: 15px;
	padding-top: max(8px, 0.78125vw);
}

.footer-button-row button:hover {
	background-color: #D0B815;
	border: solid 2px #0c4d8b;
	border: solid max(1px, 0.10417vw) #0c4d8b;
}

.footer-button-row button:hover a {
	color: #0c4d8b;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1630px) {
	#parts-nav > div {
		width: 79%;
	}
}
@media only screen and (max-width: 1404px) {
	.new-holland-row .header-phone {
		font-size: max(18px, 0.93333vw);
	}
}
@media only screen and (max-width: 1316px) {
	.about-p {
		width: 73%;
	}
}
@media only screen and (max-width: 1271px) {
	#parts-nav > div {
		width: 88%;
	}
}
@media only screen and (max-width: 1240px) {
	.showroom {flex-wrap: wrap; gap: 35px; justify-content: center;}
	.showroom img {width: 140px;}
	.staff .brands-border { width: 32%;}
}
@media only screen and (max-width: 1215px) {
	.header-bkgrd {
		background-position-x: calc(7.5rem + ((1vw - 8.65px) * -34));
	}

	.about-us-bkgrd .about-us-width .about-us-row .about-us-content {
		margin-left: 0;
		padding: 40px 25px;
	}
}
@media only screen and (max-width: 1203px) {
	.disc img {
		top: -9px;
	}
}
@media only screen and (max-width: 1200px) {
	.max-width .flex-container {flex-wrap: wrap; width: 100%;}
	.slide-image-panel {width: 300px; top: 52%;}
}
@media only screen and (max-width: 1150px) {
	.whyjoin {flex-wrap: wrap;}
	.whyjoin > div {width: 49%;}
}
@media only screen and (max-width: 1122px) {
	.promo-flex {
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.promo-flex img {
		padding-bottom: 40px;
	}
	.ferris-promo {
		margin: -22px 45px 0px 41px;
	}
}
@media only screen and (max-width: 1100px) {
	.hero-promos {flex-wrap: wrap;}
	.hero-promos > div {width: 100%;}
	.parts-hero{
		justify-content: center;
	}
}
@media only screen and (max-width: 1075px) {
	.new-holland-row .header-phone {
		font-size: max(16px, 0.93333vw);
	}
}
@media only screen and (max-width: 1027px) {
	.about-p {
		width: 85%;
	}
}
@media only screen and (max-width: 1000px) {
	.about-info {
		flex-direction: column;
	}

	.contact-us img {
		width: 100%;
		height: 220px;
		object-fit: cover;
	}

	.contact-us {
		margin-top: 40px;
	}

	.about-p {
		width: 100%;
	}

	.nav-width, .new-holland-row, .emailinsiderhero {
		width: 96%;
	}

	.about-contact {
		width: 100%;
	}
	.disclaimer-flex {flex-wrap: wrap; gap: 10px;}
	.disclaimer-flex > div {width: 100%;}
}
@media only screen and (max-width:930px) {
	.staff .brands-border {
		margin-bottom: 45px !important;
	}
}
@media only screen and (max-width: 1400px) {
	.header {
		justify-content: space-between;
	}

	.hours-location {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.hours-location>div {
		margin-bottom: 30px;
	}

	.header .header-bkgrd {
		background: #0c4d8b;
		width: 100%;
		padding: 0 20px;
	}

	.header .header-bkgrd .header-row {
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.nav-width>div {
		display: flex;
		justify-content: space-between;
		height: 81px;
	}

	.nav-width div .logo {
		display: inline-block;
	}

	.nav-width div .logo a {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.nav-width div .logo a img {
		top: 0 !important;
	}

	.nav-width .logo+div {
		height: 100% !important;
		align-items: center;
		display: flex;
	}

	.nav-width div div #menu-button {
		display: inline-block;
	}

	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: 12px 20px;
		color: #fff;
	}
	
	.new-holland-row {
		margin-top: 20px;
	}
	.new-holland-row img {width: 225px;}
	div .hero-bkgrd .hero-width>a {
		text-align: center;
		justify-content: center;
		display: flex;
		background: none;
	}

	div .hero-bkgrd .hero-width .hero-icons {
		width: 95%;
	}
	
	.hero-icons {gap: 0px; justify-content: space-between;}

	.about-us-bkgrd .about-us-width .about-us-row {
		flex-direction: column;
		padding-bottom: 50px;
	}

	.about-us-bkgrd .about-us-width .about-us-row,
	.about-us-bkgrd .about-us-width .about-us-row * {
		width: 100%;
		box-sizing: border-box !important;
	}

	.about-us-bkgrd .about-us-width .about-us-row .about-us-img {
		padding-top: 20px;
	}

	.about-us-bkgrd .about-us-width .about-us-row .about-us-img img {
		height: 40vw;
		object-fit: cover;
	}

	.about-us-bkgrd .showroom a>div img {
		background-position: center !important;
	}

	.inventory-bkgrd {
		background-position: center center;
	}

	.inventory-bkgrd .inventory-width {
		padding-bottom: 55px;
	}

	.inventory-bkgrd .inventory-width .inventory-row {
		flex-direction: column;
	}

	.inventory-bkgrd .inventory-width .inventory-row a {
		margin-bottom: 30px;
	}
	.promo-img-cnh img {width: 100%;}
	.service-flex img {width: 150px;}
	.hide-on-desktop {display: contents;}
	.hide-on-desktop button {background: #0057a3; border: none; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; box-shadow: rgba(50, 50, 93, 0.25) 0px max(7px, 0.67708vw) max(14px, 1.40625vw) min(-3px, -0.26042vw), rgba(0, 0, 0, 0.3) 0px max(4px, 0.41667vw) max(8px, 0.83333vw) min(-4px, -0.41667vw); cursor: pointer; color: #fff; padding: 12px 0; width: 164px; font-weight: bold;}
	.hide-on-desktop button:hover {color: #0c4d8b; background: #D0B815;}
	.nav-width {padding-top: 20px;}
	.logo img {width: 250px;}
	.emailinsiderhero {margin-top: 80px; background: none;}
	.emailinsiderhero img {width: 100%; margin-bottom: 0px; border-radius: 5px;}
	.emailinsider {padding: 80px 0;}
	.emailinsider .disclaimer {width: 100%;}
}

@media only screen and (max-width: 1099px){
	.parts-icon div{padding:max(60px, 11vw) max(60px, 11vw) max(50px, 8vw) max(59px, 11vw);}
	.hero-icons button:hover .parts-icon div{padding:max(60px, 11vw) max(60px, 11vw) max(50px, 8vw) max(59px, 11vw);}
}

@media only screen and (max-width: 900px) {
	.logo img {width: 225px;}
	.new-holland-row {
		display: none;
	}
	div .new-holland-row {
		display: none;
	}
	.emailinsiderhero {margin-top: 50px;}
	.emailinsider h1 {font-size: 35px; line-height: 45px;}
	.emailinsider {padding: 50px 0;}
}
@media only screen and (max-width: 819px) {
	#parts-nav {
		background: url(/siteart/inventory-bkgrd-small.jpg) no-repeat;
    	background-size: cover;
   	 	background-position: 0% 94%;
    	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    	box-shadow: rgba(100, 100, 111, 0.2) 0px max(4px, 0.36458vw) max(15px, 1.51042vw) 0px;
    	padding: 100px 0;
	}
}
@media only screen and (max-width: 800px) {
	.staff .brands-border {width: 49%;}
	.slide-image-panel {width: 250px; top: 51%}
}
@media only screen and (max-width: 749px) {
	.display-inline-hr hr {
		width: 31%;
	}
}
@media only screen and (max-width: 700px) {
	.contact-form tr, .contact-form .tr-three {flex-wrap: wrap; gap: 0px;}
	.contact-form .tr-three {gap: 0px !important;}
}
@media only screen and (max-width: 650px) {
	.celebrating {
		display: none;
	}
	.all-about {
		margin-top: 15px;
	}
	#parts-nav > div {
		width: 50%;
		flex-wrap: wrap;
		justify-content: center;
	}
	#parts-nav > div button {
		padding: max(5px, 1.52083vw) max(29px, 11.86458vw);
		margin-bottom: 13px;
	}
	#parts-nav {
		padding: 48px 0;
	}
	
	.parts-shop-img{
		max-height: 256px;
	}
	
	.parts-shop-img img{
		max-height: 256px;
	}
}
@media only screen and (max-width: 615px) {
	.logoshowroom .staff {
		justify-content: center !important;
	}
	.staff h2 {
		text-align: center;
	}
	.staff-title {
		justify-content: center;
		display: flex;
	}
}
@media only screen and (max-width: 600px) {
	.disc img {
		width: 22%;
		margin: 17px 0 0;
		left: 1px;
	}
	.staff .brands-border { width: 100%;}
	.contact-form .submitselect {width: 100%;}
	.img-disclaimer img {width: 150px;}
	.img-disclaimer p {font-size: 12px;}
	#mobile-promos {display: contents;}
	#desktop-promos {display: none;}
	.emailinsiderhero {display: none;}
	.emailinsidermobile {display: contents;}
	.emailinsidermobile > div {width: 96%; margin: 0 auto; margin-top: 50px;}
	.emailinsidermobile img {width: 100%; border-radius: 5px;}
	.emailinsider h1 {font-size: 30px; line-height: 40px;}
	.emailinsider h2 {font-size: 25px; line-height: 35px;}
	.emailinsider h3 {font-size: 20px; line-height: 30px;}
	.emailinsider p, .insider li {font-size: 16px; line-height: 28px;}
	.joinnewsletter p span {font-size: 25px; line-height: 35px;}
	.emailinsider .disclaimer h4 {font-size: 16px; line-height: 26px;}
	.emailinsider .disclaimer p {font-size: 14px; line-height: 24px;}
}
@media only screen and (max-width: 550px) {
	.header .header-bkgrd {
		padding-right: 0;
	}

	.header .header-bkgrd .header-row .header-search div .search-form .search-input {
		width: 100px;
	}

	div .hero-bkgrd .hero-width .hero-icons {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 31px;
	}

	div .hero-bkgrd .hero-width .hero-icons button {
		background: #0c4d8b;
		padding: 10px;
		height: 159px;
		width: 48%;
		margin: 1%;
		box-sizing: revert;
	}

	.footer .footer-width .footer-contact .footer-button-row {
		flex-direction: column;
	}

	.footer .footer-width .footer-contact .footer-button-row .footer-contact-us {
		margin-bottom: 13px;
	}
	.whyjoin > div {width: 100%;}

	.hero-icons{padding-bottom: 0;}
	.parts-xl{padding-bottom: 31px;}
}
@media only screen and (max-width: 523px) {
	.disc img {
		margin: -12px 0 0;
		left: 10px;
		top: 7px;
	}
}
@media only screen and (max-width: 513px) {
	.promo-flex img {
		width: 100%;
	}
	.new-holland-promo, .ferris-promo {width: 100%; margin: 0px 30px 0px 21px;}
	.display-inline-hr h3 {
		font-size: 24px;
		margin-top: -6px;
	}
}
@media only screen and (max-width: 500px) {
	.hide-on-desktop {display: none;}
	.mobile-call-to {display: contents;}
	.mobile-call-to button {background: #0057a3; border: none; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; box-shadow: rgba(50, 50, 93, 0.25) 0px max(7px, 0.67708vw) max(14px, 1.40625vw) min(-3px, -0.26042vw), rgba(0, 0, 0, 0.3) 0px max(4px, 0.41667vw) max(8px, 0.83333vw) min(-4px, -0.41667vw); cursor: pointer; color: #fff; padding: 12px 0; width: 100%; font-weight: bold;}
	.mobile-call-to button:hover {color: #0c4d8b; background: #D0B815;}
	.popup .close {
    font-size: 24px;
    line-height: 24px;
    padding: 0 6px;
  }
	.joinnewsletter, .whyjoin > div, .emailinsider .disclaimer {padding: 25px;}
	.builtforwork {padding: 50px 25px;}
	.pop-text {padding: 25px;}
}
@media only screen and (max-width: 450px) {
	#parts-nav > div {
		width: 80%;
	}
	#parts-nav > div button {
		padding: max(5px, 1.52083vw) max(29px, 20.86458vw);
	}
}
@media only screen and (max-width: 402px) {
	.display-inline-hr hr {
		width: 24%;
	}
}
@media only screen and (max-width: 400px) {
	.CaptchaPanel {width: 100%;}
	.max-width p {width: 100%;}
	.max-width .flex-small-container {width: 100% !important;}
	.emailinsider h1 {font-size: 28px; line-height: 38px;}
	.emailinsider h2 {font-size: 22px; line-height: 32px;}
	.emailinsider h3 {font-size: 18px; line-height: 28px;}
	.emailinsider p, .insider li {font-size: 16px; line-height: 28px;}
	.joinnewsletter p span {font-size: 25px; line-height: 35px;}
	.emailinsider > div {margin: 65px 0;}
	.slide-image-panel {width: 200px; top: 50%}
}


@media only screen and (max-width:649px) {
	.logoshowroom .showroom a {
		font-size: 17px !important
	}

	.logoshowroom .showroom a {
		height: 160px;
		min-width: 160px
	}

	.logoshowroom .logos img {
		padding: 0 10px
	}
}

.nomargin-bottom {
	margin-bottom: 0 !important
}

.margin-bottom {
	margin-bottom: 40px !important;
	margin-bottom: max(33px, 2.08333vw) !important
}

.flex {
	display: flex;
	font-family: 'Century Gothic', sans-serif;
}

.flex.checkboxess {
	justify-content: flex-start;
	width: auto !important;
}

.flex.checkboxess,
.flex.checkboxess * {
	width: auto !important;
}

.flex.flex-wrap.checkboxess.ratings {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap
}

.center {
	text-align: center
}

.heading {
	font-size: 30px;
	font-size: max(25px, 1.5625vw);
	line-height: 36px;
	line-height: max(30px, 1.875vw);
	letter-spacing: 2px;
	letter-spacing: max(2px, 0.10417vw);
	text-transform: uppercase;
	font-weight: 900
}

.subheading {
	font-size: 20px;
	font-size: max(17px, 1.04167vw);
	line-height: 28px;
	line-height: max(23px, 1.45833vw);
	font-weight: 700
}

.cta {
	width: 250px;
	width: max(208px, 13.02083vw);
	max-width: 100%;
	font-size: 16px;
	font-size: max(13px, 0.83333vw);
	-moz-transition: ease-in-out all .3s;
	-o-transition: ease-in-out all .3s;
	-webkit-transition: ease-in-out all .3s;
	transition: ease-in-out all .3s;
	background: #0c4d8b;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	letter-spacing: max(2px, 0.10417vw);
	font-weight: 500;
	padding: 0 20px;
	padding: 0 max(17px, 1.04167vw);
	line-height: 60px;
	line-height: max(50px, 3.125vw);
	display: inline-block;
	margin-right: 20px;
	margin-right: max(17px, 1.04167vw);
	margin-bottom: 20px;
	margin-bottom: max(17px, 1.04167vw);
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	max-width: 220px;
	max-width: max(183px, 11.45833vw);
	display: flex;
	text-align: center;
	justify-content: center;
}

.cta:hover {
	background: #0c4d8b;
}

.custom-form .heading {
	margin-bottom: 40px;
	margin-bottom: max(33px, 2.08333vw)
}

.custom-form .subheading {
	margin-bottom: 20px;
	margin-bottom: max(17px, 1.04167vw)
}

.custom-form input,
.custom-form select {
	width: calc(100% - 20px);
	width: calc(100% - max(17px, 1.04167vw));
	box-sizing: border-box;
	padding: 20px;
	padding: max(17px, 1.04167vw);
	font-weight: 400;
	font-size: 14px;
	font-size: max(13px, 0.72917vw);
	letter-spacing: 1px;
	color: #222;
	line-height: 24px;
	line-height: max(20px, 1.25vw);
	resize: none;
	margin-bottom: 20px;
	margin-bottom: max(17px, 1.04167vw);
	outline: 0;
	border: none;
	background: #f8f8f8;
}

input[type="checkbox"] {
	width: auto;
}

.custom-form .flex>input,
.custom-form .flex>select {
	width: calc(50% - 20px);
	width: calc(50% - max(17px, 1.04167vw));
	margin-right: 20px;
	margin-right: max(17px, 1.04167vw)
}

.custom-form textarea {
	width: calc(100% - 20px);
	width: calc(100% - max(17px, 1.04167vw));
	box-sizing: border-box;
	padding: 20px;
	padding: max(17px, 1.04167vw);
	font-weight: 400;
	font-size: 14px;
	font-size: max(12px, 0.72917vw);
	letter-spacing: 1px;
	color: #222;
	line-height: 24px;
	line-height: max(20px, 1.25vw);
	resize: none;
	margin-bottom: 20px;
	margin-bottom: max(17px, 1.04167vw);
	outline: 0;
	border: none;
	resize: vertical;
	height: 140px;
	height: max(117px, 7.29167vw);
	background: #f8f8f8;
}

.custom-form textarea::placeholder {
	font-family: 'Century Gothic', sans-serif;
	box-sizing: border-box;
	padding: 20px;
	padding: max(17px, 1.04167vw);
	font-weight: 400;
	font-size: 14px;
	font-size: max(12px, 0.72917vw);
	letter-spacing: 1px;
	color: #222;
	line-height: 24px;
	line-height: max(20px, 1.25vw);
	resize: none;
	margin-bottom: 20px;
	margin-bottom: max(17px, 1.04167vw);
	outline: 0;
	border: none;
	background: #f8f8f8;
}

.custom-form ::placeholder {
	color: #222
}

.CaptchaPanel {
	text-align: left !important;
	font-size: 16px;
	font-size: max(13px, 0.83333vw)
}

.CaptchaAnswerPanel,
.CaptchaImagePanel,
.CaptchaMessagePanel,
.CaptchaPanel {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.CaptchaWhatsThisPanel a {
	color: #222 !important
}

button.cta {
	border: none !important;
	appearance: none !important;
	outline: 0 !important;
	cursor: pointer
}

@media only screen and (max-width:540px) {
	.heading {
		font-size: 22px;
		line-height: 30px
	}

	.custom-form .flex>input {
		width: 100%;
		margin-right: 0
	}

	.custom-form .flex>input:last-of-type {
		margin-bottom: 0
	}

	.custom-form input,
	.custom-form textarea {
		width: 100%;
		margin-right: 0
	}
}

@media only screen and (max-width: 767px) {
	.invpage .footer {
		margin-bottom: 70px !important;
	}
}
@media only screen and (max-width: 350px) {
	.img-disclaimer img {width: 100px;}
	.img-disclaimer p {font-size: 10px; line-height: 16px;}
	.popup .close {
    font-size: 18px;
    line-height: 18px;
    padding: 0 4px;
		right: 10px;
  }
	.emailinsider h1 {font-size: 25px; line-height: 35px;}
}
@media only screen and (max-width: 300px) {
	#parts-nav > div button {
		padding: max(5px, 1.52083vw) max(29px, 13.86458vw);
	}
}
@media only screen and (max-width: 398px) {
	.disc img {
		margin: 0px 0 9px;
		left: 0px;
		width: 29%;
	}
}
@media only screen and (max-width: 370px) {
	.max-width .flex-container {border: none !important; padding: 0px !important;}
	.submit-button {width: 100%;}
}
	
@media only screen and (max-width: 350px) {
	.captcha-style input {width: 100% !important;}
	.header-row-icons {display: none;}
	.header-search {width: 100%;}
	.header-search form {display: flex;}
	.header-search input, input#seachInput {width: 100% !important;}
	.logo img {width: 80%;}
}
	
@media only screen and (max-width: 330px ) {
	.service-flex {flex-wrap: wrap; gap: 10px; justify-content: center;}
	.service-flex div {width: 100%; display: flex; justify-content: center;}
}
@media only screen and (max-width: 315px) {
	.disc li {
		font-size: 15px;
		line-height: 24px;
	}
}
@media only screen and (max-width: 293px) {
	.display-inline-hr hr {
		display: none;
	}
	.display-inline-hr {
		justify-content: center;
	}
}