﻿/***** 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;	
	font-family: 'Montserrat', sans-serif;
}

ol, ul {
	list-style: none;
}

.black-bg {
	background: #000;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#ff6600 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #ff6600 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#ff6600 !important;} .faceted-search-field h5{color:black;} .listing-main-stats {color:black;} .data-value {color:black;} .detail-additional-data {color:black;} .detail-additional-data h4{color:white;} .compare-label {color:black;}

#filters{
	background: #fff !important;
	color: #000;
}
.list-content .list-listing{
	color: #000;
}
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*Smooth transistions*/
a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;
} 

p {
	font-family: 'Merriweather', serif;
}

/***** 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 {
	background: #000;
	color: #fff;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*---BODY--------------------------------*/

.list-content .retail-price-container {
	color:black;
}

.list-redesign .specs-container .machine-location {
	color:black;
}
.list-content .spec-value {
	color: black!important;
}

.list-redesign .specs-container .spec-label {
	color:black;
}
.list-redesign .specs-container .specs-button {
	background: #FF6600!important;
}
.wrapper-80 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.wrapper-90 {
	width: 90%; 
	margin: 0 auto;
	text-align: center;
}

.wrapper-96 {
	width: 96%; 
	margin: 0 auto;
	text-align: center;	
}

.orange {
	color: #ff6600;
}

.white {
	color: #fff;
}

.merri {
	font-family: 'Merriweather', serif;
}

.thin {
	font-weight: 400;
}

.left-50 {
	display: inline-block;
	width: 47.4%;
	margin: 0 auto;
	text-align: left;
	padding-right: 1.5%;
}

.right-50 {
	display: inline-block;
	width: 47.4%;
	margin: 0 auto;
	text-align: right;
	padding-left: 1.5%;
}

.main-bg {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

.pg-headline {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	text-transform: uppercase;
	color: #000;;
	padding: 2% 0 .5% 0;
	font-size: 1.25rem;
	border-bottom: 3px solid #ff8e41;
}

.pg-content-container {
	width: 100%;
	margin: 0 auto;
	padding: 1.5% 0 1% 0;
}

/*--- HEADER STYLES ---------------------*/
header {
	width: 100%;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
}

.header-top {
	width: 100%;
	padding: 2% 0;
	display: inline-flex;
	justify-content: space-between;
	font-weight: 600;
}

.header-top a {
	color: #fff;
}

.header-top .header-left a:hover, .header-top .header-right a:hover {
	opacity: .7;
}

.header-left {
	text-align: left;
	padding-right: 2%;
	order: 1;
}

.header-right {
	text-align: right;
	padding-left: 2%;
	order: 3;	
}

.header-top .header-left ul li:first-of-type, .header-top .header-right ul li:first-of-type {
	padding-bottom: 3%;
}

.header-center {
	padding: 0 1.5%;
	order: 2;	
}


/*--------HOME PAGE STYLES--------------------*/
.hero, .hero-bg {
	width: 100%; 
	margin: 0 auto;
}

.hero {
	position: relative;
}

.hero img {
	width: 100%;
	margin: 0 auto;
}

.hero-text {
	position: absolute;
	left: 5%;
	top: 10%;
	font-size: 1.65rem;
	line-height: 2.77rem;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: -1px 2px 1px rgba(0, 0, 0, 1);
}

.bold-hero-text {
	font-weight: 800;
	color: #ff6600;
}

.scroller {
	width: 100%;
	margin: 1% auto;
	background: #000;
	padding: 1.75% 0;
	border-top: solid #ff6600 5px;
	border-bottom: solid #ff6600 5px;
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.main {
	background-color: #000;
	background: url(../siteart/images/45-degree-fabric-light.png);
	padding: 2% 0;
}

.qk-btn {
	background: #000;
	border-radius: 5px;
	border: solid #fff 3px;
	margin: 0 1.5%;
	position: relative;
}

.qk-btn-text {
	/*width: 100%;*/
	padding: 0 1.5%;
	text-align: center;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);
	font-size: 1.25rem;
 	position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 90%;
    margin: -10% 0 0 -45%;	
}

.qk-btn-text .merri {
	font-size: 1.25rem;
	letter-spacing: 1px;
}

.qk-btn-text .orange {
	letter-spacing: 1.25px;
}

.qk-btn-bg {
	width: 100%;
	margin: 0 auto;
}

.qk-btn-bg img {
	width: 100%;
	margin: 0 auto;
	opacity: .4;
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;	
}

.qk-btn-bg img:hover{
	opacity: .75;
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;	
}

.quick-buttons { 
	width: 100%;
	margin: 0 auto;
	padding-bottom: 2%;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
}

.quick-buttons a {
	color: #fff;
}

.welcome {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 1%;
}

.welcome-headline {
	width: 100%;
	font-size: 2rem;
	text-transform: uppercase;
}

.welcome-text {
	padding-top: 1%;
	font-size: 1rem;
	line-height: 1.6rem;
}

/*-------- ABOUT PAGE STYLES--------------------*/

.about-img{
	width: 650px; max-width: calc(100% - 80px); float: right; margin: 0 40px 40px;
}
.about {
	width: 100%;
	margin: 0 auto;
}

.about .wrapper-80 {
	padding: 2% 0;
}

.about .wrapper-80 .welcome-text {
	text-align: left;
}

.about .wrapper-80 .welcome-text .welcome-headline {
	font-size: 1rem;
	padding-bottom: 1.25%;
}

.about .wrapper-80 .welcome-text .welcome-headline h2{
	padding-bottom: 3px;
}
/*-------- CONTACT PAGE STYLES--------------------*/
.contact {
	width: 100%;
	margin: 0 auto;
	padding: 2.5% 0 1.5% 0;
}

.contact-wrapper {
	width: 80%;
	margin: 0 auto;
}

.page-headline {
	width: 100%;
	padding-bottom: 1.5%;
}

.page-headline h2 {
	font-size: 2.15rem;
	font-weight: 500;
}

.contact .main-wrapper .page-headline {
	text-align: center;
}

.left {
	width: 48%;
	display: inline-block;
	padding-right: 1%;
	text-align: left;
	vertical-align: top;
}

.left h3 {
	font-size: 2rem;
	font-weight: 500;
}

.left h4 {
	font-size: 1.5rem;
	font-weight: 300;
}

.right {
	width: 48%;
	display: inline-block;
	padding-left: 1%;
	text-align: right;
	vertical-align: top;	
}

.right iframe {
	width: 100%;
}

.contact-form {
	width: 100%;
	margin: 0 auto;
	padding-top: 1.5%;
}

/*-------- THANK YOU PAGE STYLES--------------------*/
.thankyou {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.thankyou .wrapper-90 {
	padding: 2% 0;
}





/*-------- FOOTER STYLES ----------------*/
footer{
	background: #000;
	color: #fff;
	padding: 2% 0 3.25% 0;
	text-transform: uppercase;
	font-weight: 500;
}

footer .wrapper-90 {
	display: flex;
	justify-content: space-between;
	text-align: left;
}

footer p {
	font-family: 'Montserrat', sans-serif;	
	font-size: 10px;
}

footer a {
	color: #fff;
	opacity: 1;
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;		
}

footer a:hover {
	opacity: .7;
    -webkit-transition:all .45s ease;
    -moz-transition:all .45s ease;
    -ms-transition:all .45s ease;
    -o-transition:all .45s ease;
    transition:all .45s ease;		
}

.footer-col-5 {
	text-align: right;
	font-weight: 300;
	padding-left: 2%;
}

.footer-col-1, .footer-col-2, .footer-col-3 {
	padding-right: 2%;
	text-align: left;
}

footer .wrapper-90 ul li {
	line-height: 1.65rem;
}

.footer-col-1 .orange {
	font-size: 1.45rem;
	font-weight: 700;
}

.footer-col-3 ul li, .footer-col-4 ul li {
	line-height: 2rem !important;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#ff6600 !important;
}
.hosted-content h1{
	line-height: 2.5rem;
	color: #ff6600;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.inventory-width {
	width: 90%;
	margin: 0 auto;
	height: auto;
	padding: 1.5% 0;
}

.hosted-content .listings-wrapper .sort-box {
    background: none !important;
}

.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {
    font-size: 12px;
}

.hosted-content h3 {
    color: #eaeaea !important;
}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a {
    color: #ff6600;
}

.listing-boxed a {
	color: #eaeaea;
}

.hosted-content .listings-wrapper .listings-list .listing-banner {
    background: #ff6600 !important;
}

.black-bg footer a:hover {
	color: #fff !important;
	opacity: .7 !important;
}

.cf {
    font-size: 14px;
    line-height: 22px;
}

.contact-info-section a {color: #eaeaea !important}

.hosted-content .listings-detail-wrapper .information-box .row:nth-child(even) {
    background-color: #ebebeb;
    color: #000 !important;
}

.currency-capital-price-container a{
	color: #fff !important;
}

.legal {
    border: 1px solid #ebebeb;
    margin-bottom: 5%;
    padding: 1.5rem 2%;
    padding: 15px 2%;
    -ms-word-break: break-word;
    word-break: break-word;
}

.legal p {
	font-family: 'Montserrat', sans-serif;	
}

.hosted-content .column5 {
    padding-bottom: 10% !important;
}


/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1505px) {
	footer .wrapper-90 {
		width: 96%;
	}
}

@media only screen and (max-width: 1375px) {
.qk-btn-text {
    font-size: 1rem;
}
	
.qk-btn-text .merri {
    font-size: 1rem;
}
	
.qk-btn {
    margin: 0 4.5%;
}
	
.qk-btn-text .orange {
    letter-spacing: 0.75px;
}
	
.about-img{
	width: 300px;
}
	
.footer-col-1 .orange {
    font-size: 1.15rem;
}

footer .wrapper-90 ul li {
		font-size: .8rem;
	}	
}

@media only screen and (max-width: 1325px) {
.wrapper-80 {
    width: 90%;
}	
	
.wrapper-90 {
    width: 96%;
}
	
.wrapper-96 {
    width: 98%;
}	
}

@media only screen and (max-width: 1215px) {
.hero-text {
    font-size: 1.25rem;
    line-height: 2.25rem;
}
	
	
	
	
}

@media only screen and (max-width: 1150px) {
.qk-btn {
    margin: 0 4.5%;
    width: 95%;
}
	
footer .wrapper-90 {
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
	
.footer-col-1, .footer-col-2, .footer-col-3 {
    padding-right: 0%;
    text-align: center;
}
	
	.mb-hide {
		display: none;
	}	
	
.footer-col-5 {
    text-align: center;
    padding-left: 0px;
    padding-top: 2%;
}

.contact-wrapper {
    width: 96%;
    margin: 0 auto;
}	
	
.left h3 {
    font-size: 1.5rem;
}
	
.left h4 {
    font-size: 1.15rem;
}

.contact-form-container {
    width: 90% !important;
	margin:0 auto;
}
	
}


@media only screen and (max-width: 1025px) {
.header-top {
	flex-direction: column;
	}
	
.header-left {
	text-align: center;
	order: 1;
	width: 100%;
	padding-right: 0;
}

.header-right {
	text-align: center;
	order: 2;	
	width: 100%;
	padding-left: 0;	
}

.header-center {
	order: 3;	
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
	
.header-top .header-left ul li:first-of-type, .header-top .header-right ul li:first-of-type, .header-top .header-left ul li:last-of-type, .header-top .header-right ul li:last-of-type {
    padding-bottom: 1%;
}	
	
.header-center img {
		width: 100%;
		margin: 0 auto;
	}	
}

@media all and (max-width: 900px) {
	
	
.about-img{
	float: unset;
	width: unset;
}
.hero-text {
    font-size: 1rem;
    line-height: 2rem;
}
	
.quick-buttons {
    width: 75%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
	
.qk-btn {
    margin: 0 auto;
    width: 75%;
	margin-bottom: 2%;
}
	
.qk-btn-bg {
    max-height: 225px;
    overflow: hidden;
}

.qk-btn-text {
    top: 60%;
}

.qk-btn-bg img {
    margin-top: -8%;
}	
	
.inventory-width {
	width: 96%;
}	
}

@media all and (max-width: 740px) {
.quick-buttons {
    width: 96%;
}
}

@media all and (max-width: 695px) {
.hero-text {
    font-size: .8rem;
    line-height: 1.5rem;
}
	
.left {
    width: 100%;
    padding-right: 0px;
    text-align: center;
	padding-bottom: 2%;
}
	
.right {
	width: 100%;
	padding-left: 0;
	text-align: center;
}	
}

@media all and (max-width: 580px) {
.quick-buttons {
    width: 100%;
}
	
.hero-text {
    font-size: .75rem;
    line-height: 1.25rem;
}

.hero, .hero-bg {
    width: 100%;
    margin: 0 auto;
    min-height: 175px;
    overflow: hidden;
}

.hero img {
    width: 140%;
    margin: 0 auto;
    margin-left: -25%;
}
	
#formpage {
margin-left: -1.25% !important;
}	

}




