/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

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

body {

}

html {font-family: 'Gotham Narrow', sans-serif !important;}

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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.site-header {background: #242424 !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; color: #fff !important; font-size: 14px !important;}
.site-header a {color: #fff !important;}
.site-header a:hover {color: #d3823b !important;}
.header-flex {display: flex !important; justify-content: space-between !important; width: 93% !important; margin: 0 auto !important; align-items: center!important; padding: 12px 0 !important;}
.header-contact {display: flex !important; justify-content: space-between !important; gap: 30px !important;}
.header-search {display: flex !important; justify-content: space-between !important; gap: 10px !important; align-items: center !important;}
.keyword-wrapper {border:none !important; border-radius: 20px !important; padding: 8px 0px 7px 22px !important; font-weight: 600 !important; font-size: 14px !important; color: #242424 !important; margin-right: -45px !important;}
.header-search button {border: none !important; border-radius: 20px !important;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; background: #d3823b !important; color: #fff !important; padding: 7px 13px 6px 13px !important; font-size: 16px !important;}
.header-search button:hover {background: #4f6651 !important;}


/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background: url(/siteart/building-hero.jpg) no-repeat; background-color: #000;background-size: cover; background-position: center;}
.hero-wrapper {width: 90%; margin: 0 auto;}
.hero-flex {display: flex; justify-content: space-between; align-items: center; padding-top: 61px;}
.hero-button-flex {display: flex; justify-content: space-between; width: 70%; margin-top: 22px;}
h1 {color: #fff; font-size: 35px; line-height: 28px;}
h1 span {color: #d3823b;}
.small-h1 {font-size: 18px; font-weight: 300;}
.small-h2 {font-size: 18px; font-weight: 300;color: #fff;}
.hero-flex p {color: #fff; font-size: 18px; margin-top: 18px; line-height: 26px; margin-bottom: 20px;}
.hero-content {width: 541px;}
.hero-content button {border-radius: 20px; border: 1px #fff solid; background: none; color: #fff; padding: 9px 0; font-family: 'Gotham Narrow', sans-serif; width: 185px; font-weight: 300; font-size: 13px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.hero-content button:hover {border: 1px #d3823b solid; background: #d3823b;}
.hours-p {color: #fff; font-weight: 300; font-size: 14px; margin-top: 69px; padding-bottom: 25px;}

.inventory-nav {width: 90%; margin: 0 auto;}
.inventory-nav-flex {display: flex; justify-content: space-between; gap: 10px;}
.inventory-nav-div {background: #242424; color: #fff; margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.stacked-box {width: 100%; padding: 40px 0; text-align: center; display: block;}
.full-box {width: 40%; padding: 136px 0; text-align: center;}
.narrow-box {width: 20%; padding: 136px 0; text-align: center;}
.stacked-box-width {width: 40%;}
.inventory-nav i {color: #d3823b;}
.inventory-nav p {font-weight: 300; font-size: 15px;}
.inventory-nav-div:hover {background: #4f6651; cursor: pointer;}
.inventory-nav-div:hover i {color: #fff;}
.inventory-nav h2 {font-weight: 600; margin: 3px 0; font-size: 21px;}
.inventory-nav img {width: 68px; margin-bottom: 3px;}

.get-in-touch {display: flex; justify-content: space-between; width: 90%; margin: 0 auto; margin-top: 100px;}
.get-in-touch-location {display: flex; justify-content: space-between; margin-top: 20px;}
.get-in-touch-content {width: 47%;}
.get-in-touch-form {width: 40%;}
.get-in-touch h3 {font-size: 28px; margin-bottom: 12px;}
.get-in-touch p {font-size: 15px; font-weight: 300; line-height: 21px;}
.get-in-touch-number {font-size: 28px; color: #BB6B26; font-weight: 600;}
.get-in-touch-location a {font-size: 23px; font-weight: 600; color: #242424;}
.get-in-touch-number:hover {cursor: pointer; color: #4f6651;}
.get-in-touch-location a:hover {color: #4f6651;}
.get-in-touch input, .get-in-touch textarea {width: 95.5%; font-family: 'Gotham Narrow', sans-serif; font-weight: 300; padding: 8px 0px 8px 10px;}
.name-margin-bottom {margin-bottom: 12px;}
.get-in-touch-form a, .get-in-touch-form .captcha .submit, .get-in-touch-form .captcha .reset {background: #d3823b; border: none; border-radius: 20px; color: #000!important; padding: 13px 0px; width: 200px; font-family: 'Gotham Narrow', sans-serif; font-weight: 400; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-top: 25px; display: block; text-align: center;}
.get-in-touch-form a:hover, .get-in-touch-form .captcha .submit:hover, .get-in-touch-form .captcha .reset:hover {cursor: pointer; background: #4f6651;}
.get-in-touch-form .CaptchaWhatsThisPanel {display: flex; justify-content: center;}
.get-in-touch-form #CaptchaAnswer {width: 200px !important;}
.get-in-touch-form .CaptchaWhatsThisPanel a {background: none; border: none; border-radius: none; color: #4f6651; padding: 0; font-family: 'Gotham Narrow', sans-serif; font-weight: 300; font-size: 14px; box-shadow: none; margin-top: 20px;}
.get-in-touch-form .captcha {display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: -32px;}
.get-in-touch-form .CaptchaImagePanel {margin-top: 60px;}
.write-to-us {margin-top: 20px;}

.about-bkgrd {background: url("/siteart/about-bkgrd.jpg") no-repeat; background-color: #000; background-size: cover; background-position: center; text-align: center; padding: 60px 0 80px 0; color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.about-section {width: 90%; margin: 0 auto; margin-top: 110px; margin-bottom: 130px;}
.about-section p {font-weight: 300; font-size: 15px; line-height: 21px;}
.about-width {width: 52%; margin: 0 auto;}
.about-header h3 {font-size: 25px;}
.about-header h4 {font-weight: 400; color: #d3823b; margin-top: 2px;}
.about-header {margin-bottom: 20px;}
.final-p {margin-top: 10px;}

/*---CONTACT---*/
.contact-form .small-h1 {color: #000 !important; font-weight: 400 !important;}
.contact-form h1 {color: #4f6651 !important;}
.contact-form {width: 90%; margin: 0 auto; margin-top: 38px;}
.contact-flex {display: flex; justify-content: space-between;}
.contact-form p {margin-top: 25px; margin-bottom: 10px;}
.contact-flex .get-in-touch-form {width: 70% !important;}
.contact-flex input, .contact-flex textarea {width: 100%; font-family: 'Gotham Narrow', sans-serif; font-weight: 300; padding: 8px 0px 8px 10px;}
.textarea-width {width: 100% !important;}
.contact-flex tr {display: flex; gap: 20px;}
.contact-flex td {width: 100% !important;}
.contact-a a {color: #242424 !important; line-height: 28px;}
.contact-a a:hover {color: #4f6651 !important;}
.contact-iframe {margin-top: 100px !important;}

/*---THANK YOU---*/
.thank-you .small-h1 {color: #000 !important; font-weight: 400 !important;}
.thank-you h1 {color: #4f6651 !important;}
.thank-you {width: 90%; margin: 0 auto; margin-top: 38px;}
.thank-you button {border: none; border-radius: 20px; background: #d3823b; color: #000; padding: 13px 0; font-family: 'Gotham Narrow', sans-serif; width: 200px; font-weight: 400; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-top: 18px; margin-bottom: 100px;}
.thank-you button:hover {background: #4f6651;}
.thank-you-flex {display: flex; gap: 15px;}
.thank-you-p {margin-top: 15px;}
.thank-you-p p {line-height: 21px; font-weight: 300; font-size: 15px;}
.call-to-thank-you {margin-top: 20px;}

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




/*-------- FOOTER STYLES ----------------*/
.footer {background: #242424; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; z-index: 1000; margin-top: -59px;}
.footer-wrapper {width: 90%; margin: 0 auto; display: flex; justify-content: space-between;}
.footer-nav-flex {display: flex; justify-content: space-between; margin-top: 29px; width: 320px;}
.site-hosted {background: #d3823b; color: #fff;}
.footer-contact a {color: #fff; font-size: 14px; font-weight: 400; line-height: 27px;}
.footer-contact a:hover {color: #d3823b; cursor: pointer;}
.footer-contact .hours-p {margin-top: 25px !important; margin-bottom: 10px !important;}
.footer-contact {padding-top: 120px;}
.footer-nav-flex h5 {color: #fff; font-size: 17px; margin-bottom: 10px;}
.footer-nav-flex li a {color: #fff; font-weight: 400; font-size: 14px; line-height: 29px;}
.footer-nav-flex li a:hover {color: #d3823b; cursor: pointer;}
.footer-nav-flex button {color: #fff; background: none; border: 1px #fff solid; border-radius: 20px; padding: 10px 0; width: 148px; margin-top: 8px;}
.footer-nav-flex button:hover {background: #d3823b; border: 1px #d3823b solid; cursor: pointer;}
.footer-button a button {font-size: 12px; font-weight: 400; font-family: 'Gotham Narrow', sans-serif;}
.footer-button {margin-top: 106px;}
.site-hosted h6 {text-align: center; font-size: 12px; font-weight: 300; padding: 12px 0;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-stylized .header-contact a {font-weight: 600 !important; font-family: 'Gotham Narrow', sans-serif !important;}
.inventory-stylized .header-search form {display: flex !important;}
.inventory-stylized .keyword-wrapper {margin-right: -41px !important;}
.inventory-stylized .header-search p {font-weight: 600 !important; font-family: 'Gotham Narrow', sans-serif !important;}
.list-top-section .list-title .list-title-text, .list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-top-section .list-sort-order .sort-by-dropdown-container, .list-content .media-buttons .print-this, .list-content .media-buttons .email-this, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .list-content .listing-portion-title, .list-content .listing-category, .list-content .list-listing .listing-main-stats .spec-label, .list-content .list-listing .listings-compare-link-wrapper, .list-content .price-container .price, .fin-calc, .list-content .machine-location, .list-content .spec-value, .list-content .list-listing .dealer-name, .list-content .listing-dealer-info .spec-label, .list-content .listing-dealer-info .dealer-data, .list-content .listing-dealer-info spec-value, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .view-listing-details-link span, .contact-options a, .list-content .add-update-time, .list-content .listing-description, .list-content .listing-widgets a, .linking-buttons a, .disclaimer, .faceted-search-content .selected-facets-container .selected-header strong, .faceted-search-content .selected-facets-container .selected-header .filter-clear-all, .grouped-faceted-header, .list-content .list-error-container .info, .parts-list-content .error-message, .faceted-search-content .selected-facets-container .selected-facet   {font-family: "Gotham Narrow", sans-serif !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .parts-list-content .error-message {color: #4f6651 !important;}
.faceted-search-content .faceted-section-box .faceted-search, .view-listing-details-link:hover {background: #242424 !important;}
.faceted-search-content .faceted-section-box .faceted-search:hover, .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button):hover {background: #4f6651 !important;}
.list-content .price-container .price, .mobile-option-bar .mobile-option-bar-filter {color: #d3823b !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 5px !important;}
.disclaimer {font-size: 14px!important; line-height: 21px !important; margin-bottom: 45px !important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button, .list-content .list-error-container .info button:not(.login-button) {background: #d3823b !important;}

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1220px) {
	.contact-flex {flex-wrap: wrap;}
	.contact-flex .get-in-touch-form, .contact-a {width: 100% !important;}
	.contact-a {margin-top: 50px !important;}
}
@media only screen and (max-width: 1186px) {
	.narrow-box {width: 30%;}
}
@media only screen and (max-width: 1138px) {
	.get-in-touch-form {width: 100%;}
	.get-in-touch {flex-wrap: wrap;}
	.get-in-touch-content {width: 80%; margin-bottom: 40px;}
	.about-width {width: 70%;}
}
@media only screen and (max-width: 1000px) {
	.single-item {display: none !important;}
	.header-search {display: none !important;}
}
@media only screen and (max-width: 970px) {
	.inventory-nav-flex {flex-wrap: wrap; gap: 0px;}
	.stacked-box-width {width: 100%;}
	.full-box, .narrow-box {width: 100%; padding: 40px 0;}
}
@media only screen and (max-width: 760px) {
	.get-in-touch-content {width: 100%;}
}
@media only screen and (max-width: 698px) {
	.footer-wrapper {flex-wrap: wrap;}
	.footer-contact {width: 100%; padding-top: 38px;}
	.footer-nav-flex {margin-top: 2px; margin-bottom: 48px;}
}
@media only screen and (max-width: 580px) {
	.hero-content {width: 100%;}
	.hero-content button {width: 100%; margin-top: 15px; padding: 15px 0;}
	.hero-button-flex {display: block; width: 100%;}
	.thank-you-flex {display: block; margin-bottom: 100px;}
	.thank-you button {width: 100% !important; margin-bottom: 0px; padding: 15px 0;}
}
@media only screen and (max-width: 563px) {
	.small-h1 {margin-bottom: -6px;}
	h1 {line-height: 36px;}
}
@media only screen and (max-width: 550px) {
	.get-in-touch-location {display: block;}
	.about-width {width: 80%;}
}
@media only screen and (max-width: 530px) {
	.contact-flex tr {flex-wrap: wrap; gap: 0px;}
	.phone-input {margin-top: 12px !important;}
	.contact-flex input, .contact-flex textarea {width: 95.5%;}
}
@media only screen and (max-width: 455px) {
	.get-in-touch-form .captcha .reset {margin-top: 0px;}
	.get-in-touch-form a, .get-in-touch-form .captcha .submit, .get-in-touch-form .captcha .reset {width: 100%;}
	.about-width {width: 90%;}
}
@media only screen and (max-width: 450px) {
	.header-contact span {display: none !important;}
	.header-contact {gap: 15px !important;}
}
@media only screen and (max-width: 327px) {
	.get-in-touch h3, .get-in-touch-number {font-size: 25px;}
	.get-in-touch-location a {font-size: 20px;}
}
@media only screen and (max-width: 320px) {
	.footer-nav-flex {display: block;}
	.footer-button {margin-top: 19px;}
}
@media only screen and (max-width: 290px) {
	.inventory-nav {width: 98%;}
}