/***** 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;  
} 

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

.dealer-btns-bottom a {background: #cdc140 !important;}
.page-nav{background-color:#cdc140!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#cdc140!important}
.return-links span, .return-links i {color:#cdc140!important;}


/*-------- COLORS --------
yellow: cdc140


font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;

*/

/***** END RESET *****/

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

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

body {
	width: 100%;
	font-family: 'Open Sans', sans-serif !important;
	font-size:15px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	background: #fff;
	color: #373737; 
	font-weight:300;
	overflow-x:hidden;
}
.lg-heading { font-size: 35px; font-weight:700; text-align:center; text-transform:uppercase;line-height: 35px; padding-bottom: 8px; letter-spacing: 2px; font-family: 'Open Sans Condensed', sans-serif;}
.md-heading {font-size: 22px; text-align:inherit;color:#373737; font-weight:700; letter-spacing: 1px; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif;}
.sm-heading {font-size:18px; color: #cdc140; font-weight: 700; letter-spacing: 1px;  text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif;}
.xs-heading {color:#767575; font-size: 20px; font-weight:700; text-align:center; letter-spacing: 1px; font-family: 'Open Sans Condensed', sans-serif;}

a{color:#373737; text-decoration: none;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}

#pad{padding: 3% 0;}
#l-pad{padding: 5% 0;}
.clear{clear:both;}

.light-gray{background: #f4f4f4;}
.yellow{background: #cdc140;}

.yellow-border{border-top: solid 15px #cdc140; max-width: 250px; margin: 0 auto; text-align: center;}


#pageimage{width:100%; display: block;}


/*--- HEADER STYLES --------------------------*/
.top-header{background: #373737; color: #fff; padding: 10px 0; text-align: center; margin:  0 auto;}
.top-header p{display: inline-block; margin: 0 30px; text-transform: uppercase; letter-spacing: .5px; color: #fff !important;}
.top-header a{color: #fff !important;}
.top-header .fa{margin-right: 15px; font-size: 20px;}

header {
	width:100%;
	z-index: 99999;
	position: absolute;
}
.header-bg{background: #fff !important;}
.header-inner {padding: 5px 0px; width: 80%; margin: 0 auto;}

.logo {float:left; width: 50%;}
.logo img{width:80%;}

.head-text {
	float:right;
	text-align: right;
	font-size:20px;
	font-weight: 700;
	color:#373737 !important;
	margin:35px 0;
	letter-spacing:1px;
	font-family: 'Open Sans Condensed', sans-serif;
} 

.nav-width{width: 70%; margin: 0 auto; text-align: center;}


/*---BODY--------------------------------*/
.wrapper-inner { width: 65%; margin: 0 auto;}
.wrapper-inner p { margin: 0 auto; padding: 5px 0px;}

.wrapper-center {width: 65%; margin: 0 auto; text-align: center;}

.welcome-wrapper{background: url(../siteart/dirt-bg.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; 
}
.welcome-wrapper h1{color: #373737;}

.home-map{width:100%;}
.home-map iframe{display: block; height: 400px;}

.contact-map{width:100%;}
.contact-map iframe{display: block; height:500px;}

.contact-col{display: inline-block; border: #cdc140 1px solid; padding:20px 10px; width:100%; max-width:30%; min-height: 100px; margin: 5px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-family: 'Open Sans Condensed', sans-serif; vertical-align: top;}
.contact-col .fa{padding-bottom: 10px; font-size: 32px;}



/*---SLIDESHOW--------------------------*/
.cycle-slideshow img{width: 100%;}
.hero-overlay{ position: absolute; right: 0; z-index: 999;top: 16vw; padding:0 40px 0 0; width:35%;}
.hero-overlay h1 { font-size: 3.5em; font-weight:700; color:#cdc140; text-align:left; text-transform:uppercase;line-height: 60px; letter-spacing: 2px;}
.hero-overlay h1 span{color: #fff; }

.hero-overlay .fa{font-size: 6em; color: #fff; padding-bottom: 10px; border-bottom: 10px solid #cdc140; float: left; margin-right: 20px;}


.hero-mobile{display: none;}
/*---scrolling inventory----------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	background: #fff;
	padding: 10px 0 10px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}
/*----- FRAMELESS STYLES ----------------------*/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'Open Sans Condensed', sans-serif  !important;} /* Font for Inventory to match rest of website */
/* .hosted-content{font-family: 'Open Sans', sans-serif  !important;} */
.hosted-content h1{ text-align: left !important; font-family: 'Open Sans Condensed' !important;}

.hosted-content h2 {color: #cdc140 !important;font-family: 'Open Sans Condensed' !important;}  /* Featured Listings/General Listings */
.hosted-content h3 {color: #cdc140 !important; font-size:24px !important;font-family: 'Open Sans Condensed' !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Open Sans Condensed' !important; line-height: 1em !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3{ font-size: 28px !important;font-family: 'Open Sans Condensed' !important; line-height:1.5em !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: none !important;} /* Featured Listings/General Listings Background */
.hosted-content .listings-wrapper .sort-box {background: none !important;} /* Background for Sort Order */

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color:#373737;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #373737;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #373737 !important;} /* View Details button */
.hosted-content .btn:hover, .hosted-content .button:hover {background: #cdc140 !important;} /* View Details Button */

.hosted-content .listings-wrapper .radio-icon label[for], .hosted-content .listings-detail-wrapper .radio-icon label[for], .hosted-content .listings-drilldown-wrapper .radio-icon label[for]{color:#373737 !important;}

/*---products/services-----------------*/
.products{display: inline-block; border: #cdc140 1px solid; padding: 10px 0; width: 250px; margin: 5px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-family: 'Open Sans Condensed', sans-serif;}

.manu{display: inline-block; border: #000 1px solid; padding: 10px 0; width: 250px; margin: 5px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-family: 'Open Sans Condensed', sans-serif; color:#373737;}

/*--footer---------------------------*/
.footer{background: #373737; color: #fff; border-bottom: #cdc140 10px solid;}
.footer-col{display: inline-block; vertical-align: top; width: 25%;}
.footer-col h3{color: #fff;}
.footer-col a{color: #fff;}

.footer-col-right{display: inline-block; vertical-align: top; float: right;}
.footer-col-right p, .footer-col-right a{color: #fff; font-size: 13px;}
.footer-col-right img{display: inline-block;}
/*--CATEGORIES-------------------------------------*/
.grid {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 45%;
	min-width: 320px;
	max-width: 455px;
	max-height: 360px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 5.75em 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	text-align: center;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-bubba {
	background: #212121;
}

figure.effect-bubba img {
	opacity: 0.5;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.2;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba h2 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width:1615px){
	.contact-col{max-width: 25%;}
}
@media screen and (max-width:1400px){

.wrapper-center, .wrapper-inner{width: 90%;}
.hero-overlay{display: none;}
.hero-mobile{display: block; background: #373737;}
.hero-mobile h1 { font-size: 2em; font-weight:700; color:#cdc140; text-align:center; text-transform:uppercase;line-height: 20px;letter-spacing: 2px;}
.hero-mobile h1 span{color: #fff;}

.hero-mobile h1 .fa{font-size: 2em; color: #ffff; padding-bottom: 0px; margin-right: 10px;}

	
}
@media screen and (max-width:1200px){
.header-inner{width: 95%;}
.nav-width{width: 80%;}
}

@media screen and (max-width:1024px){
header{position: relative;}
.logo{float: none; text-align: center; margin: 0 auto;}
.logo img{width: 100%;}
.head-text{text-align: center; margin:-5px auto 15px auto; float: none; font-size: 18px;}



figure.effect-bubba h2{font-size: 25px;}
.grid figure figcaption{padding: 4em 0;}
}

@media screen and (max-width:810px){
.wrapper-inner{text-align: center;}

.grid figure{width: 100%; margin:10px auto; float: none; text-align: center;	min-width: 100%;
max-width: 100%;
max-height: 100%;
}
.grid figure figcaption{padding: 6em 0;}
figure.effect-bubba img{width:100%;}


.contact-col{max-width: 100%; display: block; margin: 10px 0; padding: 20px 0;}

.footer-col{width: 43%; text-align: center;}
.footer-col-right{float: none; text-align: center; margin:10px auto; display: block;}
}
@media screen and (max-width:710px){
.logo{float: none; text-align: center; margin: 0 auto; width: 100%;}	
.head-text{float: none; text-align: center; margin: -15px 0 5px 0; line-height: 20px;}

.home-map iframe{display: block; height: 300px;}
.contact-map iframe{display: block; height:250px;}
}



@media screen and (max-width:649px){
.head-text{font-size: 15px;}


.products, .manu{display: block; width: 100%; margin:5px 0;}

.footer-col{width: 100%; text-align: center; margin: 10px 0; display: block;}
.footer-col-right img{width: 35%; margin-top: 20px;}
}

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