/* 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 { 

    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration:none;
	color: #434343;
	
}

p{
	padding:15px 0;
	font-size: 16px;
	line-height: 28px;
	color: #434343;
}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.none{display:none;}

*{
	box-sizing:border-box;
}

/* HEADER 
----------------------------------------------*/
header {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	text-transform:uppercase;
}

.header-wrapper {
	width: 90%;
	display: flex;
	padding: 1% 0;
	margin: 0 auto;
}

.header-left {
	width: 27%;
}

.logo {
	width: 100%;
}

.logo img {
	width: 100%;
}

.header-right {
	width: 72%;
	position:relative;
}

.orange {
	color: #ff6633;
}

.header-contact-info li{
	list-style: none;
	display: inline;
}

.header-contact-info li a{
	color: #434343;
	font-weight:600;
}

.header-contact-info {
	text-align: right;
}

.header-navigation {
	position:absolute;
	bottom: 0;
	right:0;
	width: 100%;
}

/* HOME PAGE STYLES
-----------------------------------------------*/
.hero_slider {
	width: 100%;
	position:relative;
}

.slide-container {
	border-top: 3px solid #ff6633;
	border-bottom: 3px solid #ff6633;
}

/* QUICK BUTTONS
---------------------*/
.quick-btns-sec {
	width: 80%;
	background: #ff6633;
	margin: 0 auto;
	position: absolute;
	bottom: -23%;
	left: 10%;
	right: 10%;
}

.quick-btn-headline {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.25rem;
	text-align: center;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.85);
	padding: 1% 0 2% 0;
}

.qk-btn-wrapper {
	margin: 0 auto;
	width: 100%;
	padding: 0 1% 2% 1%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}

.qk-btn {
	margin: 0 auto;
	background: #fff;
	min-width: 300px;
	color: #434343;
	text-transform: uppercase;
	text-align: center;
	border: solid 3px #CBCBCB;
	padding: 0 0 5% 0;
}

.qk-btn:hover {
	-webkit-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.75);
}

.qk-btn h3 {
	padding: 1% 0 2% 0;
	font-size: 1.5rem;
}

.find {
	color: #a6a6a6;
	font-size: 1rem;
	font-weight: 500;
}
/*_____end quick buttons_____*/

.welcome {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	}

.welcome-wrapper {
	width: 80%;
	padding: 2% 0 2% 0;
	margin:0 auto;
}

.welcome-headline {
	width: 75%;
	padding: 10% 0 2% 0;
	font-size: 1.25rem;
	line-height: 2.75rem;
	text-transform:uppercase;
	margin: 0 auto;

}

.welcome h1 {
	font-weight: 300;
	font-size:2rem;
}

.orange-bold {
	font-weight: 700;
	color: #ff6633;
	font-size: 2.5rem;
}

.trust {
	font-weight: 400;	
	font-size: 1.95rem;
}

.welcome-p1 {
	width: 75%;
	margin:0 auto;
}

.welcome-forklift {
	width: 75%;
	display: flex;
	margin: 0 auto;
}

.forklift-right {
	width: 48%;
}

.forklift-left {
	width: 50%;
}

.forklift-left img {
	width: 100%;
}

.forklift-headline {
	text-transform:uppercase;
	color: #ff6633;
	font-size: 1.75rem;
	font-weight: 300;
}

.fortlift-content a {
	color: #434343;
}
/* INVENTORY
------------------------------------------------*/

.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: #ff6633 !important;
    color: #000 !important;
}

.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: #ff6633 !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: #E84F1D !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-----------------------*/
}

/*PARTS PAGE STYLES
-----------------------------------------------*/
.parts {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	margin: 0 auto;
	}
	
.parts-wrapper {
	width: 80%;
	padding: 0% 0 2% 0;
	margin: 0 auto;
}

.parts-headline {
	width: 75%;
	padding: 2% 0;
	font-size: 1.25rem;
	line-height: 2.75rem;
	text-transform:uppercase;
	margin: 0 auto;

}

.parts h1 {
	font-weight: 300;
	font-size:2rem;
}

.parts-content {
	width: 75%;
	margin: 0 auto;
	background:url(../siteart/bolts.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.parts-text { 
	width: 100%;
	text-align:center;
	color: #ff6633;
	padding: 10% 0;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
	background:rgba(255,255,255,0.20);
}

.parts-text a {
	color: #ff6633;
}

/* ABOUT PAGE STYLES
-----------------------------------------------*/
.about {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	margin: 0 auto;
	}

.about-wrapper {
	width: 80%;
	padding: 0% 0 2% 0;
	margin: 0 auto;
}

.about-headline {
	width: 75%;
	padding: 2% 0;
	font-size: 1.25rem;
	line-height: 2.75rem;
	text-transform:uppercase;
	margin: 0 auto;

}

.about h1 {
	font-weight: 300;
	font-size:2rem;
}

.about-content {
	width: 75%;
	margin: 0 auto;
}

/* CONTACT PAGE STYLES
-----------------------------------------------*/
.contact-page {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	margin: 0 auto;
	}

.contact-page-wrapper {
	width: 80%;
	padding: 0% 0 2% 0;
	margin: 0 auto;
}

.contact-page-headline {
	width: 75%;
	padding: 2% 0;
	font-size: 1.25rem;
	line-height: 2.75rem;
	text-transform:uppercase;
	margin: 0 auto;

}

.contact-page h1 {
	font-weight: 300;
	font-size:2rem;
}

.contact-page-content {
	width: 75%;
	margin: 0 auto;
}

.map-container {
	width: 100%;
}

.map-container iframe {
	width: 100%;
}


.contact-page-content a {
	color: #434343;
}


/* AUCTION PAGE STYLES
-----------------------------------------------*/
.auctions {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	margin: 0 auto;
	}

.auctions-wrapper {
	width: 100%;
	max-width: 1018px;
	padding: 0% 0 2% 0;
	margin: 0 auto;
}

/* THANK YOU PAGE STYLES
-----------------------------------------------*/
.thank-you {
	width: 100%;
	background-color: #fff;
	color: #434343;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	margin: 0 auto;
	}

.thank-you-wrapper {
	width: 100%;
	max-width: 1018px;
	padding: 0% 0 2% 0;
	margin: 0 auto;
}

.thank-you-headline {
/*	width: 75%;*/
	padding: 2% 0;
	font-size: 1.25rem;
	line-height: 2.75rem;
	text-transform:uppercase;
	margin: 0 auto;

}

.thank-you h1 {
	font-weight: 300;
	font-size:2rem;
}


/* FOOTER
-----------------------------------------------*/
footer {
	width: 100%;
	background-color: #a6a6a6;
	color: #000;
	background-image: url(../siteart/backgrounds/subtle-surface.png);
	border-top: 3px solid #ff6633;
	border-bottom: 3px solid #ff6633;	
	margin: 0 auto;
}

.footer-wrapper {
	width: 90%;
	margin: 0 auto;
}

.logo-wrapper {
	width: 100%;
	padding: 2% 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

.brand {
	width: 16%;
	align-self:center;
	padding: 0 1%;
	margin: 0 auto;
}

.brand img {
	width: 100%;
	margin: 0 auto;
}

.footer-content-wrapper {
	width: 75%;
	display: flex;
	margin: 0 auto;
}


.footer-pub-wrapper {
	width: 65%;
	font-size: .75rem;
	text-align:center;
	color: #484848;
	padding: 1% 0 2% 0;
	margin: 0 auto;
}

.footer-pub-wrapper a {
	color: #484848;
}

footer ul {
	list-style: none;
}

footer a {
	color: #000;
}

.col-1-3 {
	width: 32%;
	margin: 0 1%;
}

.ft-lnks-lft {
	width: 49%;
}

.ft-links-rt {
	width: 49%;
}

.links {
	display: flex;
}

.ft-contact-content img {
	width: 35%;
	margin-left: -2%;
}

.ft-lnks-lft li {
	padding: 1% 0;
}

.ft-links-rt li {
	padding: 1% 0;
}

.ft-contact-content li {
	padding: .5% 0;
}

.location {
	padding: 0 0 0 8%;
}

.contact {
	padding: 0 0 0 7%;
}

.footer-content-wrapper h4 {
	text-transform: uppercase;
}


/* MEDIA QUERIES
-----------------------------------------------*/
@media screen and (max-width: 1800px) {
.quick-btn-headline {
    font-size: 2rem;
}

.qk-btn {
	width: 275px;
}

.quick-btns-sec {
    bottom: -20%;
}
}

@media screen and (max-width: 1650px) {
.quick-btn-headline {
    font-size: 1.5rem;
}

.qk-btn {
	width: 250px;
}
}

@media screen and (max-width: 1575px) {
.qk-btn {
	margin-bottom: 2%;
}

.quick-btns-sec {
    width: 90%;
    left: 0px;
    right: 0px;
}
}

@media screen and (max-width: 1500px) {
.welcome-forklift {
    width: 90%;
}

.welcome-p1 {
    width: 90%;
}

.welcome-headline {
    width: 90%;
}
}

@media screen and (max-width: 1450px) {
.quick-btns-sec {
    width: 99%;
}
}

@media screen and (max-width: 1400px) {
.contact-page-wrapper {
	width: 100%;
}

.contact-page-headline {
    width: 90%;
}

.contact-page-content {
    width: 90%;
    margin: 0 auto;
}

.about-wrapper {
	width: 100%;
}

.about-headline {
    width: 90%;
}

.about-content {
    width: 90%;
    margin: 0 auto;
}

.parts-wrapper {
	width: 100%;
}

.parts-headline {
    width: 90%;
}

.parts-content {
    width: 90%;
    margin: 0 auto;
}

}

@media screen and (max-width: 1375px) {
.location {
    padding: 0 0 0 6%;
}

.quick-btn-headline {
    font-size: 1.25rem;
}

.quick-btns-sec {
    width: 100%;
}


.footer-content-wrapper {
    width: 90%;
}

.header-contact-info li {
    font-size: 0.9rem;
}

}

@media screen and (max-width: 1320px) {
.welcome-wrapper {
    margin-top: -5%;
}
}

@media screen and (max-width: 1300px) {
.quick-btns-sec {
    width: 100%;
	position: relative;
}

.qk-btn {
    width: 400px;
}
}

@media screen and (max-width: 1160px) {
.header-contact-info li {
    font-size: 0.75rem;
}

}

@media screen and (max-width: 1145px) {
.welcome-wrapper {
    width: 100%;
}
}

@media screen and (max-width: 1115px) {
	.inventory-width {
    width: 98%;
}

}

@media screen and (max-width: 1100px) {
.header-wrapper {
    flex-direction: column;
}

.header-left, .header-right {
    width: 100%;
}

.logo {
    width: 50%;
	min-height: 145px;
	max-height: 160px;
	margin: 0 auto;
}

.header-contact-info {
    text-align: center;
    width: 100%;
	margin: 0 auto;
	padding-bottom: 5%;
}

.header-navigation {
    position:relative;
    width: 100%;
	margin: 0 auto;
}

.ft-links-rt {
	padding-left: 3%;
}

.links {
	width: 40%;
}

.location {
	width: 28%;
	padding: 0;
}

.contact {
	width: 31%;
	padding: 0;
}

.footer-content-wrapper {
    width: 100%;
}

.footer-wrapper {
    width: 98%;
}


}

@media screen and (max-width: 900px) {
.qk-btn h3 {
    padding: 3% 0 1% 0;
    font-size: 1.25rem;
}

.qk-btn {
    width: 275px;
}

.quick-btn-headline {
    font-size: 1.1rem;
}

.welcome h1 {
    font-size: 1.5rem;
}

.orange-bold {
    font-size: 2rem;
}

.trust {
    font-size: 1.5rem;
}

.welcome-headline {
    line-height: 2.15rem;
}
}

@media screen and (max-width: 850px) {
.logo {
    width: 63%;
	margin-top: 3%;
}

.footer-content-wrapper {
    width: 100%;
    flex-direction: column;
}

.links, .location, .contact {
	width: 90%;
	margin: 0 auto;
}

.location, .contact {
	text-align: center;
	padding: 2% 0;
}

.links {
	padding: 0 15% 0 28%;
}

.ft-contact-content img {
    width: 25%;
	margin-left: 0;
}

.contact {
	height: 50%;
}
}

@media screen and (max-width: 750px) {
.quick-btn-headline {
    font-size: 0.9rem;
    padding: 0 .5% 2.25% .5%;
}

.forklift-left {
    display: none;
}

.forklift-right {
    width: 100%;
	padding-bottom: 2%;
}

.logo-wrapper {
    display: none;
}
}

@media screen and (max-width: 715px) {
.header-contact-info li {
    font-size: 1rem;
}

.mb-hide {
	display: none;
}

.header-contact-info ul{
	display: flex;
	flex-direction: column;
}
}


@media screen and (max-width: 600px) {
.links {
    padding: 4% 15% 0 20%;
}

.orange-bold {
    font-size: 1.65rem;
}

.contact-page-headline {
    font-size: 1.05rem;
    line-height: 2rem;
	text-align: center;
	width: 100%;
}

.about-headline {
    font-size: 1.05rem;
    line-height: 2rem;
	text-align: center;
	width: 100%;
}

.parts-headline {
    font-size: 1.05rem;
    line-height: 2rem;
	text-align: center;
	width: 100%;
}

.parts-text {
	font-size: .9rem;
}

.parts-content {
	width: 95%;
}

}

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

}


@media screen and (max-width: 500px) {
.header-contact-info li a {
    font-size: 0.78rem;
}

.logo {
    width: 90%;
}


.logo img {
    margin-top: 6%;
}

.footer-wrapper {
	width: 100%;
}

.links {
    padding: 5% 0% 3% 10%;
}

.orange-bold {
    font-size: 1.25rem;
}

.welcome h1 {
    font-size: 1.25rem;
}

.trust {
    font-size: 1.15rem;
}

.welcome-headline {
    line-height: 1.85rem;
}

.forklift-headline {
    font-size: 1.25rem;
}

p {
    font-size: 14px;
    line-height: 24px;
}

.links {
    padding: 5% 0% 3% 14%;
}

	.inventory-width {
    width: 100%;
	margin: 0 auto;
}
}